Xfermode（图片混排模式）在Google文档中找是这样描述的：Xfermode是在绘图通道中自定义“传输模式”的基类。静态函数创建可以调用或者返回任意作为模式枚举指定的预定义子类实例。当Xfermode分配给Paint，然后绘制对象的Paint就具备了所添加的xfermode。

Xfermode有3个子类：AvoidXfermode、PixelXorXfermode、PorterDuffXfermode。不过，AvoidXfermode 和 PixelXorXfermode 在高于 API16的系统上已经配抛弃了，所以，今天我们重点学习一下 PorterDuffXfermode 这个类。

先看一下使用 PorterDuffXfermode 的效果：

xfermode.png

现在看一下 Google官网对 PorterDuffXfermode 18中模式的介绍：

PorterDuff.Mode的18种混排模式及算法

原理：系统是通过对Sa（Source alpha，Src的透明度）、Da（Destination alpha，Dat的透明度）、Sc（Source Color，Src的颜色）、Dc（Destination Color，Dat的透明度），四个值来进行运算来达到变换的效果。
我们通常可以理解为：将XFermode解释成图层的并集交集的叠放。正片叠低效果就是把两个图层中的颜色进行叠加，这样暗的部分会被加强；滤色效果也是对两个图层中的颜色进行叠加，但亮的部分会被加强。

问题：

1. CLEAR 模式下 在Goodle的API Demo中清除所有图层，不知道为什么我这是显示上图层非交集区域。
2. DARKEN，LIGHTEN 显示的效果一样的，应该是我设置的颜色的饱和度都满的原因，形成不了差异。

代码实现

//定义一个绘制圆形Bitmap的方法
private Bitmap makeDst(int w, int h) {
    Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
    Canvas c = new Canvas(bm);    
    Paint p = new Paint(Paint.ANTI_ALIAS_FLAG); 
    p.setColor(Color.rgb(255,203,68));
    c.drawOval(new RectF(0, 0, w * 3 / 4, h * 3 / 4), p);
    return bm;
}
//定义一个绘制矩形的Bitmap的方法
private Bitmap makeSrc(int w, int h) {
    Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
    Canvas c = new Canvas(bm);
    Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
    p.setColor(Color.rgb(103,169,255));
    c.drawRect(w / 3, h / 3, w * 19 / 20, h * 19 / 20, p);
    return bm;
}

@Overrideprotected void onDraw(Canvas canvas) {
    super.onDraw(canvas); 
    Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    paint.setStyle(Paint.Style.FILL);
    // 原上图层
    canvas.drawBitmap(srcBitmap, (screenW / 3 - width) / 2, (screenH* 3 / 4  - height) / 2, paint);
    // 原下图层
    canvas.drawBitmap(dstBitmap, (screenW / 3 - width) / 2 + screenW / 3, (screenH* 3 / 4  - height) / 2, paint);
    canvas.drawText("srcBitmap",(screenW / 3 - width) / 2,screenH * 3 / 4,mPaint3);
    canvas.drawText("dstBitmap",(screenW / 3 - width) / 2 + screenW / 3,screenH * 3 / 4,mPaint3);
    //创建一个图层，在图层上演示图形混合后的效果
    int sc = canvas.saveLayer(0, 0, screenW, screenH, null,
             Canvas.MATRIX_SAVE_FLAG | 
             Canvas.CLIP_SAVE_FLAG |
             Canvas.HAS_ALPHA_LAYER_SAVE_FLAG |
             Canvas.FULL_COLOR_LAYER_SAVE_FLAG |
             Canvas.CLIP_TO_LAYER_SAVE_FLAG);
    canvas.drawBitmap(dstBitmap, (screenW / 3 - width) / 2 + screenW / 3 * 2,            (screenH* 3 / 4  - height) / 2, paint);
    //设置Paint的Xfermode
    paint.setXfermode(pdXfermode);
    canvas.drawBitmap(srcBitmap, (screenW / 3 - width) / 2 + screenW / 3 * 2,            (screenH* 3 / 4  - height) / 2, paint); 
    canvas.drawText(modeStr,(screenW / 3 - width) / 2 + screenW / 3 * 2,screenH * 3 / 4,mPaint3); 
    paint.setXfermode(null);
    // 还原画布
    canvas.restoreToCount(sc);
}

总结：
Xfermode很强大，效果格式各样，在一些自定义View中很有用，比如：实现图片的 圆形、矩形裁剪。 所以，我们有必要去掌握它的用法和原理。

DEMO 源码地址