Android 理解PorterDuffXfermode叠加模式

关于PorterDuffXfermode的讲解在网上有很多相关的教程，以下只是针对我自己在使用过程中遇到的问题做补充说明：

以上所有格子应该看做一张图片（包括图片的大小）

src需要是一张图片，才能体现周边的透明度

怎么理解这句话呢？

如果在View的Canvas上绘制src，比如drawCircle(xxx),所代表的区域仅仅是圆形的区域或圆环的区域，此刻的相互影响部分也只有这部分圆形区域

而一张内部包含圆形，其他为透明的图片的影响区域是这个图片的整个矩形区域

如图：黑色边框表示影响区域

 

Bitmap

drawCircle

比如设置SRCIN模式

因为只影响红色框内的区域，所以其他位置不发生改变

-------------------------------------------------------------

代码实例：

2张图片的叠加（如果是dst直接在View的canvas上绘制的话，透明部分会变成黑色）

private void init() {
paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setStyle(Paint.Style.FILL);

//初始化2张大小一样的图片,因为只有一样大的图片src才会影响dst的整个区域
dst = Bitmap.createBitmap(250, 250, Bitmap.Config.ARGB_8888);
src = Bitmap.createBitmap(250, 250, Bitmap.Config.ARGB_8888);

initSrc();
initDst();
}

private void initDst() {
    Canvas canvas = new Canvas(dst);
paint.setColor(Color.TRANSPARENT);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
canvas.drawPaint(paint);//清空Bitmap内容
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC));
paint.setColor(Color.YELLOW);
canvas.drawCircle(100, 100, 100, paint);//绘制黄色的圆
}

private void initSrc() {
    Canvas canvas = new Canvas(src);
paint.setColor(Color.TRANSPARENT);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
canvas.drawPaint(paint);//清空Bitmap内容
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC));
paint.setColor(Color.BLUE);
canvas.drawRect(100, 100, 250, 250, paint);//绘制蓝色的矩形
}

@Override
protected void onDraw(Canvas canvas) {
//初始化一张dst图片(黄色的圆)
initDst();
//初始化一张src图片（蓝色的矩形）
initSrc();

//在dst图片的基础上绘制src图片
Canvas c = new Canvas(dst);
paint.setXfermode(xmode);
c.drawBitmap(src, 0, 0, paint);

//将最终结果图绘制到canvas
paint.setXfermode(null);
canvas.drawBitmap(dst, 0, 0, paint);
}

-----------------------------------------------------------------------

绘制带透明的Bitmap

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OVER));
canvas.drawBitmap(src, 0, 0,paint);