Android自定义View之RoundPhotoView

最新推荐文章于 2022-10-16 00:50:59 发布

菜小徐

最新推荐文章于 2022-10-16 00:50:59 发布

阅读量113

点赞数

CC 4.0 BY-SA版权

文章标签：自定义View RoundPhotoView

本文链接：https://blog.csdn.net/u010629285/article/details/102998499

本文介绍了一种在Android中创建圆角图片视图的方法，通过使用PorterDuffXfermode来控制图像混合模式，实现图片的圆角效果及自由缩放功能，并将整个视图生成带透明通道的图片。

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

需求切圆角+图像可自由缩放，最终还要将整个view生成带透明通道的图片

在这里插入图片描述

Paint有一个专门用于处理图片外形特效的API：Xfermode

在Android的SDK中Xfermode只有一个子类：PorterDuffXfermode
PorterDuffXfermode控制图像的混合模式，影响的是2个图层交集区域的显示方式。

Dst遮罩图片，Src原图片

在这里插入图片描述

package com.example.roundphotoview;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;

import com.github.chrisbanes.photoview.PhotoView;

public class RoundPhotoView extends PhotoView {

    private float radius = 0;
    private Paint paint;

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

    public RoundPhotoView(Context context, AttributeSet attr) {
        super(context, attr);
        init();
    }

    private void init() {
        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(getResources().getColor(R.color.colorAccent));
        setLayerType(View.LAYER_TYPE_HARDWARE, null);
    }

    public void setRadius(float radius) {
        this.radius = radius;
        postInvalidate();
    }

    private Bitmap getDstBitmap() {
        Bitmap dstBitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(dstBitmap);
        canvas.drawRoundRect(new RectF(0, 0, getWidth(), getHeight()), radius, radius, new Paint(Paint.ANTI_ALIAS_FLAG));
        return dstBitmap;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.save();
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
        canvas.drawBitmap(getDstBitmap(), null, new RectF(0, 0, canvas.getWidth(), canvas.getHeight()), paint);
        paint.setXfermode(null);
        canvas.restore();
    }
}