Android 自定义 RoundImageView 实现圆角矩形或圆形图片

最新推荐文章于 2022-02-23 15:58:16 发布

ZENGYUNSHU

最新推荐文章于 2022-02-23 15:58:16 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： android imageview 图片布局

本文链接：https://blog.youkuaiyun.com/zengyunshu/article/details/52254098

Android 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在Android中创建一个自定义的RoundImageView，该视图可以根据设定的圆角半径实现圆角矩形或圆形图片效果。通过在布局文件中引用自定义组件，并在初始化时调用setRectAdius方法设置圆角大小，可以灵活地调整图片形状。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、首先自定义一个RoundImageView，如下

package com.example.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.widget.ImageView;

/**
 *可以画出圆角矩形或者圆形
 */
public class RoundImageView extends ImageView {
    public RoundImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public RoundImageView(Context context) {
        super(context);
        init();
    }

    private final RectF roundRect = new RectF();
    private float rect_adius = 6;
    private final Paint maskPaint = new Paint();
    private final Paint zonePaint = new Paint();

    private void init() {
        maskPaint.setAntiAlias(true);
        maskPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        //
        zonePaint.setAntiAlias(true);
        zonePaint.setColor(Color.WHITE);
        //
        float density = getResources().getDisplayMetrics().density;
        rect_adius = rect_adius * density;
    }

    /**
     * 设置圆角矩形圆角半径，设置为正方形边长一半时就是圆形
     * @param adius
     */
    public void setRectAdius(float adius) {
        rect_adius = adius;
        invalidate();
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right,
                            int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        int w = getWidth();
        int h = getHeight();
        roundRect.set(0, 0, w, h);

        rect_adius = Math.min(w, h)/2;
    }

    @Override
    public void draw(Canvas canvas) {
        canvas.saveLayer(roundRect, zonePaint, Canvas.ALL_SAVE_FLAG);
        canvas.drawRoundRect(roundRect, rect_adius, rect_adius, zonePaint);
        //
        canvas.saveLayer(roundRect, maskPaint, Canvas.ALL_SAVE_FLAG);
        super.draw(canvas);
        canvas.restore();
    }
}

2、布局文件中引用

 <com.example.view.RoundImageView
       android:id="@+id/iv_headpicture"
       android:src="@drawable/default_icon"
       android:layout_width="70dp"
       android:layout_height="70dp" />

3、在初始化RoundImageView时调用setRectAdius方法设置圆角半径大小：

小于矩形边长时它画圆角矩形，等于矩形边长时它画圆形:

    _headImageView = (RoundImageView) findViewById(R.id.iv_headpicture);
     
    _headImageView.setRectAdius(getResources().getDimension(R.dimen.circle_value));