Android PorterDuff.Mode图形混合处理

PorterDuff.Mode，刚接触到这个名字的时候，看不懂什么意思。通过翻译也没有查出结果，后来通过一篇博客了解到原来PorterDuff是两个人的名字的组合：Tomas Proter和 Tom Duff.，他们是最早在SIGGRAPH上提出图形混合概念的大神级人物。通过这一点，其实我们就可以了解到，原来PorterDuff原来是处理图形的混合的，是一种渲染效果。

在看PorterDuff如何添加效果之前我们首先要先看， Xfermode的概念。

Xfermode

Xfermode也是凸显绚烂的方式，可以通过修改Paint的Xfermode来影响在Canvas已有的图像上面绘制新的颜色的方式 。

通过API我们可以查询到Xfermode包含三个子类：

AvoidXfermode：指定了一个颜色和容差，强制Paint避免在它上面绘图(或者只在它上面绘图)。

PixelXorXfermode：当覆盖已有的颜色时，应用一个简单的像素异或操作。

PorterDuffXfermode：这是一个非常强大的转换模式，使用它，可以使用图像合成的16条Porter-Duff规则的任意一条来控制Paint如何与已有的Canvas图像进行交互。到这我们终于知道为什么要介绍Xfermode的了。

PorterDuff.Mode

不免俗套，先贴出16种模式的效果图：

现在再来介绍下16种模式：

1.PorterDuff.Mode.CLEAR

所绘制不会提交到画布上，也就是不显示内容。

2.PorterDuff.Mode.SRC

显示绘制图片的上层图片。

3.PorterDuff.Mode.DST

显示绘制图片下层图片。

4.PorterDuff.Mode.SRC_OVER

正常绘制显示，上下层绘制叠盖。

5.PorterDuff.Mode.DST_OVER

上下层都显示，下层居上显示。

6.PorterDuff.Mode.SRC_IN

取两层绘制交集。显示上层。

7.PorterDuff.Mode.DST_IN

取两层绘制交集。显示下层。

8.PorterDuff.Mode.SRC_OUT

取上层绘制非交集部分。

9.PorterDuff.Mode.DST_OUT

取下层绘制非交集部分。

10.PorterDuff.Mode.SRC_ATOP

取下层非交集部分与上层交集部分。

11.PorterDuff.Mode.DST_ATOP

取上层非交集部分与下层交集部分。

12.PorterDuff.Mode.XOR

异或：去除两图层交集部分。

13.PorterDuff.Mode.DARKEN

取两图层全部区域，交集部分颜色加深。

14.PorterDuff.Mode.LIGHTEN

取两图层全部，点亮交集部分颜色。

15.PorterDuff.Mode.MULTIPLY

取两图层交集部分叠加后颜色。

16.PorterDuff.Mode.SCREEN

取两图层全部区域，交集部分变为透明色。

PorterDuff.Mode的使用##

使用PorterDuff.Mode不能直接在View的画布上使用，也就是不能在自定义View的onDraw()方法中使用。必须在Bitmap的Canvas上使用，PorterDuff.Mode效果是应用在Paint上的，通过Paint来设置效果。我们来看具体的步骤和代码。

1. 创建一个Bitmap对象。

2. 创建一个Bitmap对象的Canvas画布。

3. 在Bitmap的Canvas上绘制图形，在绘制的图形的Paint上通过setXfermode(Xfermode xfermode)添加图形混合效果，该方法传入的是一个Xfermode对象，所以使我们要先创建一个Xfermode 的对象：

PorterDuffXfermode mode = new PorterDuffXfermode(PorterDuff.Mode.XOR);

这样效果就添加成功了。

public class MyBitmapViewAnother extends View {private int width;//设置高private int height;//设置高private Paint mPaint;//设置一个Bitmapprivate Bitmap bitmap;//创建该Bitmap的画布private Canvas bitmapCanvas;private Paint mPaintCirlcle;private Paint mPaintRect;public MyBitmapViewAnother(Context context) {super(context);}public MyBitmapViewAnother(Context context, AttributeSet attrs) {super(context, attrs);mPaint = new Paint();//Bitmap的画笔mPaintCirlcle = new Paint();mPaintCirlcle.setAntiAlias(true);mPaintCirlcle.setColor(Color.YELLOW);// PorterDuffXfermode mode = new PorterDuffXfermode(PorterDuff.Mode.DST_OVER);// mPaintCirlcle.setXfermode(mode);mPaintRect = new Paint();mPaintRect.setAntiAlias(true);mPaintRect.setColor(Color.GRAY);PorterDuffXfermode mode = new PorterDuffXfermode(PorterDuff.Mode.XOR);mPaintRect.setXfermode(mode);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);height = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);setMeasuredDimension(width, height);//设置宽和高//自己创建一个Bitmapbitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);bitmapCanvas = new Canvas(bitmap);//该画布为bitmap的}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);//设置该View画布的背景canvas.drawColor(Color.LTGRAY);canvas.drawBitmap(bitmap, 0, 0, mPaint);bitmapCanvas.drawCircle(width / 2, height / 2, width / 2, mPaintCirlcle);bitmapCanvas.drawRect(0, 0, width / 2, height / 2, mPaintRect);}}

代码中使用的是PorterDuff.Mode.XOR交集部分不显示的效果。