Android 自定义 View 进阶 - Xfermode

最新推荐文章于 2021-11-21 10:36:47 发布

星火燎原2016

最新推荐文章于 2021-11-21 10:36:47 发布

阅读量529

点赞数 1

分类专栏： Android 自定义 View 文章标签： Xfermode 高亮loading iOS下载app 心形 SRC_IN

本文链接：https://blog.csdn.net/xingxtao/article/details/86439235

版权

本文详细介绍了Android中Xfermode的应用，包括其介绍、使用方法、官方Sample测试，以及如何实现高亮进度ImageView和心形图片。通过Xfermode，开发者可以实现各种炫酷的图片效果，如形状裁剪、渐变等。

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

在 Android 自定义控件中，Xfermode 知识点占有很重要的地位，它能帮助我们实现很多炫酷的效果。例如，实现各种形状的图片控件；结合属性动画实现渐变效果。

Xfermode 介绍

Xfermode 主要是通过 paint.setXfermode(Xfermode xfermode) 方法进行设置的，其中在 API 28 中， Xfermode 类只有一个子类 PorterDuffXfermode

PorterDuffXfermode 构造函数：

public PorterDuffXfermode(PorterDuff.Mode mode)

参数 mode 设置不同的混合模式，取值有以下这几种：

Xfermode 使用方法

通常情况下，需要关闭硬件加速 setLayerType(View.LAYER_TYPE_SOFTWARE, null); 然后在自定义控件的 onDraw() 方法中，保存至新的图层中，先绘制 dest 图像，然后再设置 paint.setXfermode(new PorterDuffXfermode(getMode(mode))); 接着绘制 src 图像，这样画笔就应用上了指定的模式了。主要流程如下：

@Override
protected void onDraw(Canvas canvas) {
   
        super.onDraw(canvas)；
        //将绘制操作保存到新的图层，因为图像合成是很昂贵的操作，将用到硬件加速，这里将图像合成的处理放到离屏缓存中进行
        int saveCount = canvas.saveLayer(0, 0, getWidth(), getHeight(), paint, Canvas.ALL_SAVE_FLAG);
        // 绘制 dest
        canvas.drawBitmap(destBitmap, 0, 0, paint);
        // 设置 xfermode
        if (mode != 0) {
   
            paint.setXfermode(new PorterDuffXfermode(getMode(mode)));
        }
        // 绘制 src
        canvas.drawBitmap(srcBitmap, 0, 0, paint);
        paint.setXfermode(null);
        canvas.restoreToCount(saveCount);
}

官方 Sample 测试

先准备两种图片素材，dest 图像为红色方块图片，src 图像为蓝色方块图片（纯为透底图）

新建自定义控件类 XfermodeBitmapView ，继承 View, 在 onDraw() 方法先绘制 dest 图像，然后将 paint xfermode 设置为指定的模式，再绘制 src 图像。

public class XfermodeBitmapView extends View {
   

    private Paint textPaint;
    private Paint paint;
    private int mode;
    private Bitmap destBitmap;
    private Bitmap srcBitmap;

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

    public XfermodeBitmapView(Context context, AttributeSet attrs) {
   
        super(context, attrs);
        readAttrs(context, attrs);
        init();
    }

    private void readAttrs(Context context, AttributeSet attrs) {
   
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.XfermodeView);
        mode = typedArray.getInt(R.styleable.XfermodeView_mode, 0);
        typedArray.recycle();
    }

    private void init() {
   
        textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        textPaint.setColor(Color.BLACK);
        textPaint.setTextSize(60);

        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setStyle(Paint.Style.FILL);
        destBitmap = BitmapFactory.decodeResource(getContext().getResources(), R.drawable.red);
        srcBitmap = BitmapFactory.decodeResource(getContext().getResources(), R.drawable.blue);

        setLayerType(View.LAYER_TYPE_SOFTWARE, null);
    }


    @Override
    protected void onDraw(Canvas canvas) {
   
        super.onDraw(canvas);
        // 设置背景
        canvas.drawColor(Color.DKGRAY);

        //将绘制操作保存到新的图层，因为图像合成是很昂贵的操作，将用到硬件加速，这里将图像合成的处理放到离屏缓存中进行
        int saveCount = canvas