【Android】圆角ImageView（自定义形状ImageView）

最新推荐文章于 2024-06-21 20:19:56 发布

「已注销」

最新推荐文章于 2024-06-21 20:19:56 发布

阅读量3.5k

点赞数

分类专栏： Android开发文章标签： android java

本文链接：https://blog.csdn.net/mycocoo/article/details/123178920

版权

Android开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

这篇博客介绍了一种简单的方法来实现ImageView的圆角效果，无需将Drawable转换为Bitmap。通过继承ImageView，读取background的cornerRadius属性，利用Path绘制圆角矩形并进行canvas.clipPath操作。这种方法适用于Android SDK版本大于等于N的情况。

摘要由CSDN通过智能技术生成

前言
步骤

前言

网上关于修改ImageView形状的帖子不少，当大多数都是继承View，通过获取Drawable，再转换为Bitmap，最后再通过drawBitmap(Bitmap bitmap, Rect src, Rect dst,Paint paint) 重新绘制。

在此我想提供的是另一种相对简洁的方法。

步骤

继承ImageView并实例化必要的变量

在这里插入图片描述

编辑一个实现圆角的drawable文件

在这里插入图片描述

布局文件中引用

在这里插入图片描述

重写onDraw方法

在这里插入图片描述
这里主要的思路是读取background处drawable文件中设置的角度值，然后用Path绘制一个圆角矩形，最后画板按照这个圆角矩形切割，注意的是要写在重写父类的onDraw方法前。

结果

在这里插入图片描述

详细代码

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Path;
import android.graphics.drawable.GradientDrawable;
import android.os.Build;
import android.util.AttributeSet;

import androidx.annotation.Nullable;

public class RoundCornerImageView extends androidx.appcompat.widget.AppCompatImageView {
    private Path path;
    private int mWidth,mHeight;
    private float radius;

    public RoundCornerImageView(Context context) {
        this(context,null);
    }

    public RoundCornerImageView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public RoundCornerImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        path=new Path();
    }


    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mWidth=MeasureSpec.getSize(widthMeasureSpec);
        mHeight=MeasureSpec.getSize(heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
            if(getBackground()!=null){
                radius=((GradientDrawable)getBackground()).getCornerRadius();
                path.addRoundRect(0,0,mWidth,mHeight,radius,radius, Path.Direction.CW);
                canvas.clipPath(path);
            }
        }
        super.onDraw(canvas);
    }
}