android中实现图片圆形效果

Posted kaolagirl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了android中实现图片圆形效果相关的知识,希望对你有一定的参考价值。

话不多说,先上效果:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210511192655114.png
实现逻辑:
这里参考的博文【原文】
圆形图片色实现是通过自定义ImageRound来的,主要是在onDraw()方法中实现绘制圆形图片,在onMeasure()中测量圆形的半径并设置View的宽高。代码如下:

public class ImageRound extends androidx.appcompat.widget.AppCompatImageView {
    //画笔
    private Paint mPaint;
    //圆形图片半径
    private int mRadius;
    //圆形的缩放比例
    private float mScale;

    public ImageRound(Context context) {
        super(context);
    }

    public ImageRound(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public ImageRound(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //由于是圆形,宽高应保持一致
        int size = Math.min(getMeasuredWidth(),getMeasuredHeight());
        mRadius = size / 2;
        setMeasuredDimension(size,size);
    }

    @Override
    protected void onDraw(Canvas canvas) {
       mPaint = new Paint();
        Drawable drawable = getDrawable();
        if(drawable !=null){
            Bitmap bitmap = drawableToBitmap(getDrawable());
            //初始化BitmapShader,传入bitmap对象
            BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP,Shader.TileMode.CLAMP);
            //计算缩放比例
            mScale = (mRadius * 2.0f) / Math.min(bitmap.getHeight(),bitmap.getWidth());
            Matrix matrix = new Matrix();
            matrix.setScale(mScale,mScale);
            bitmapShader.setLocalMatrix(matrix);
            mPaint.setShader(bitmapShader);

            //画圆形,指定好坐标,半径,画笔
            canvas.drawCircle(mRadius, mRadius, mRadius, mPaint);
        }else{
            super.onDraw(canvas);
        }
    }


    /**
     * 写一个drawble转BitMap的方法
     * @param drawable
     * @return
     */
    private Bitmap drawableToBitmap(Drawable drawable) {
        if (drawable instanceof BitmapDrawable) {
            BitmapDrawable bd = (BitmapDrawable) drawable;
            return bd.getBitmap();
        }
        int w = drawable.getIntrinsicWidth();
        int h = drawable.getIntrinsicHeight();
        Bitmap bitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        drawable.setBounds(0, 0, w, h);
        drawable.draw(canvas);
        return bitmap;
    }

然后在页面上使用

<com.example.chunjiafu.ImageRound
        android:src="@drawable/indexgoods4"
        android:layout_marginTop="30dp"
        android:layout_gravity="center"
        android:scaleType="centerCrop"
        android:layout_width="150dp"
        android:layout_height="150dp"/>

需要注意的是,如果是设置background的话图片是不会出现圆形效果的

以上是关于android中实现图片圆形效果的主要内容,如果未能解决你的问题,请参考以下文章

Android 自定义漂亮的圆形进度条

Android中实现圆角矩形及半透明效果。

在同一个片段中实现多个事件监听器 - Android

Android Studio:如何从 Fragment 在 ActionBar 中实现后退按钮

createjs 绘制圆形图片

Unity中实现自己的圆形Image组件