Android学习之Canvas之clip方法的Region.Op参数学习

在学习公司读书翻页控件的时候发现有许多Canvas的用法不知道，因此上网查找些资料看看。

俺的智商实在是不敢恭维啊，看了N久才理解了别人写的总结啥的。

我首先看的是这位仁兄的文字：

Android中Canvas的clipRect参数Region.OP的理解

大家可以去那里看看作者的描述，我简单的贴重点在这里：

/**
			 * 一直对clipRect的op参数有点迷惑，今天好好实验了一下，总结得到如下结果：
			 * 
			 * 为了方便说明，把第一次clipRect的绘制范围设为A，第二次clipRect设定的范围设为B
			 * 
			 * Op.DIFFERENCE，实际上就是求得的A和B的差集范围，即A－B，只有在此范围内的绘制内容才会被显示；
			 * 
			 * Op.REVERSE_DIFFERENCE，实际上就是求得的B和A的差集范围，即B－A，只有在此范围内的绘制内容才会被显示；；
			 * 
			 * Op.INTERSECT，即A和B的交集范围，只有在此范围内的绘制内容才会被显示；
			 * 
			 * Op.REPLACE，不论A和B的集合状况，B的范围将全部进行显示，如果和A有交集，则将覆盖A的交集范围；
			 * 
			 * Op.UNION，即A和B的并集范围，即两者所包括的范围的绘制内容都会被显示；
			 * 
			 * Op.XOR，A和B的补集范围，此例中即A除去B以外的范围，只有在此范围内的绘制内容才会被显示；
			 */

作者其实说的很明白了，但是我死活是理解不了，哪次他娘的算第二次啊，因为我看的是ApiDemos中的com.example.android.apis.graphics包下的Clipping.java类，大家看一下便知道了，我这里贴出代码：

package com.example.android.apis.graphics;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Region;
import android.os.Bundle;
import android.view.View;

public class Clipping extends GraphicsActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(new SampleView(this));
	}

	private static class SampleView extends View {
		private Paint mPaint;
		private Path mPath;

		public SampleView(Context context) {
			super(context);
			setFocusable(true);

			mPaint = new Paint();
			mPaint.setAntiAlias(true);
			mPaint.setStrokeWidth(6);
			mPaint.setTextSize(16);
			mPaint.setTextAlign(Paint.Align.RIGHT);

			mPath = new Path();
		}

		private void drawScene(Canvas canvas) {
			canvas.clipRect(0, 0, 100, 100);

			canvas.drawColor(Color.WHITE);

			mPaint.setColor(Color.RED);
			canvas.drawLine(0, 0, 100, 100, mPaint);

			mPaint.setColor(Color.GREEN);
			canvas.drawCircle(30, 70, 30, mPaint);

			mPaint.setColor(Color.BLUE);
			canvas.drawText("Clipping", 100, 30, mPaint);
		}

		@Override
		protected void onDraw(Canvas canvas) {
			canvas.drawColor(Color.GRAY);

			// Region.Op.REPLACE//显示第二次的
			// Region.Op.UNION////全部显示
			// Region.Op.XOR//补集，就是全集的减去交集剩余部分显示
			// Region.Op.INTERSECT//是交集显示
			// Region.Op.REVERSE_DIFFERENCE//第二次不同于第一次的部分显示
			// Region.Op.DIFFERENCE//是第一次不同于第二次的部分显示出来

			canvas.save();
			canvas.translate(10, 10);
			drawScene(canvas);
			canvas.restore();

			canvas.save();
			canvas.translate(160, 10);
			canvas.clipRect(10, 10, 90, 90);// 第一次
			canvas.clipRect(30, 30, 70, 70, Region.Op.DIFFERENCE);// 第二次
			drawScene(canvas);
			canvas.restore();

			canvas.save();
			canvas.translate(300, 10);
			canvas.clipRect(10, 10, 90, 90);// 第一次
			canvas.clipRect(30, 30, 70, 70, Region.Op.REVERSE_DIFFERENCE);// 第二次
			drawScene(canvas);
			canvas.restore();

			canvas.save();
			canvas.translate(10, 160);
			mPath.reset();
			canvas.clipPath(mPath); // makes the clip empty// 第一次
			mPath.addCircle(50, 50, 50, Path.Direction.CCW);
			canvas.clipPath(mPath, Region.Op.REPLACE);// 第二次
			drawScene(canvas);
			canvas.restore();

			canvas.save();
			canvas.translate(160, 160);
			canvas.clipRect(0, 0, 60, 60);// 第一次
			canvas.clipRect(40, 40, 100, 100, Region.Op.UNION);// 第二次
			drawScene(canvas);
			canvas.restore();

			canvas.save();
			canvas.translate(10, 310);
			canvas.clipRect(0, 0, 60, 60);// 第一次
			canvas.clipRect(40, 40, 100, 100, Region.Op.XOR);// 第二次
			drawScene(canvas);
			canvas.restore();

			canvas.save();
			canvas.translate(160, 310);
			canvas.clipRect(0, 0, 60, 60);// 第一次
			canvas.clipRect(40, 40, 100, 100, Region.Op.REVERSE_DIFFERENCE);// 第二次
			drawScene(canvas);
			canvas.restore();
		}
	}
}

奶奶的，经过多番的思考我终于理解了哪个算第一次哪个算第二次，我已经标注了，记着一点，应用了Region.Op便算是第二次，API中解释的某某次M不同于某某次N的显示或者不显示出来的部分，要注意前者是重点，即某某次M是重点，要理解这点，看上面代码的这两段效果就知道了，大家自己理解一下吧。

canvas.save();
			canvas.translate(160, 10);
			canvas.clipRect(10, 10, 90, 90);// 第一次
			canvas.clipRect(30, 30, 70, 70, Region.Op.DIFFERENCE);// 第二次
			drawScene(canvas);
			canvas.restore();

			canvas.save();
			canvas.translate(300, 10);
			canvas.clipRect(10, 10, 90, 90);// 第一次
			canvas.clipRect(30, 30, 70, 70, Region.Op.REVERSE_DIFFERENCE);// 第二次
			drawScene(canvas);
			canvas.restore();

最后贴上效果图：

最后附上学习本小节知识点的参考资料：

Android中Canvas的clipRect参数Region.OP的理解

android path对象使用方法与Region.Op的解释（推荐看）

android翻书效果实现原理（ 贝塞尔曲线绘制原理/点坐标计算）