ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【Android】圆角ImageView(自定义形状ImageView)

2022-02-28 12:02:20  阅读:234  来源: 互联网

标签:Path 自定义 onDraw context import ImageView Android android


前言

网上关于修改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);
    }
}

标签:Path,自定义,onDraw,context,import,ImageView,Android,android
来源: https://blog.csdn.net/mycocoo/article/details/123178920

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有