Android基础入门教程——8.3.17 Canvas API详解(Part 2)剪切方法合集_H5之家

Android基础入门教程——8.3.17 Canvas API详解(Part 2)剪切方法合集

标签（空格分隔）： Android基础入门教程

本节引言：

本节继续带来Android绘图系列详解之Canvas API详解(Part 2)，今天要讲解的是Canvas
中的ClipXxx方法族！我们可以看到文档中给我们提供的Clip方法有三种类型：
clipPath( )，clipRect( )，clipRegion( )；
通过Path，Rect，Region的不同组合，几乎可以支持任意形状的裁剪区域！
Path：可以是开放或闭合的曲线，线构成的复杂的集合图形
Rect：矩形区域
Region：可以理解为区域组合，比如可以将两个区域相加，相减，并，疑惑等！
Region.Op定义了Region支持的区域间运算种类！等下我们会讲到，
另外要说一点，我们平时理解的剪切可能是对已经存在的图形进行Clip，但是Android中对
Canvas进行Clip，是要在画图前进行的，如果画图后再对Canvas进行Clip的话将不会影响
到已经画好的图形，记住Clip是针对Canvas而非图形！
嗯，不BB，直接开始本节内容！

官方API文档：

1.Region.Op组合方式详解

其实难点无非这个，Region代表着区域，表示的是Canvas图层上的某一块封闭区域！
当然，有时间你可以自己慢慢去扣这个类，而我们一般关注的只是他的一个枚举值：Op

下面我们来看看个个枚举值所起的作用：
我们假设两个裁剪区域A和B，那么我们调用Region.Op对应的枚举值：
DIFFERENCE：A和B的差集范围，即A - B，只有在此范围内的绘制内容才会被显示；
INTERSECT：即A和B的交集范围，只有在此范围内的绘制内容才会被显示
UNION：即A和B的并集范围，即两者所包括的范围的绘制内容都会被显示；
XOR：A和B的补集范围，此例中即A除去B以外的范围，只有在此范围内的绘制内容才会被显示；
REVERSE_DIFFERENCE：B和A的差集范围，即B - A，只有在此范围内的绘制内容才会被显示；
REPLACE：不论A和B的集合状况，B的范围将全部进行显示，如果和A有交集，则将覆盖A的交集范围；

如果你学过集合，那么画个Venn(韦恩图)就一清二楚了，没学过？没事，我们写个例子来试试
对应的结果~！写个初始化画笔以及画矩形的方法:

() { mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setStrokeWidth(6); mPaint.setColor(getResources().getColor(R.color.blush)); } (Canvas canvas){ canvas.drawRect(0, 0, 200, 200, mPaint); } Op.DIFFERENCE： canvas.clipRect(10, 10, 110, 110); //第一个 canvas.clipRect(50, 50, 150, 150, Region.Op.DIFFERENCE); //第二个 drawScene(canvas);

结果：

先后在(10,10)以及(50,50)为起点，裁剪了两个100*100的矩形，得出的裁剪结果是：
A和B的差集 = A - (A和B相交的部分)

Op.INTERSECT： canvas.clipRect(10, 10, 110, 110); //第一个 canvas.clipRect(50, 50, 150, 150, Region.Op.INTERSECT); //第二个 drawScene(canvas);

结果：

先后在(10,10)以及(50,50)为起点，裁剪了两个100*100的矩形，得出的裁剪结果是：
A和B的交集 = A和B相交的部分

Op.UNION： canvas.clipRect(10, 10, 110, 110); //第一个 canvas.clipRect(40, 40, 140, 140, Region.Op.UNION); //第二个 drawScene(canvas);

结果：

先后在(10,10)以及(50,50)为起点，裁剪了两个100*100的矩形，得出的裁剪结果是：
A和B的并集 = A的区域 + B的区域

Op.XOR： canvas.clipRect(10, 10, 110, 110); //第一个 canvas.clipRect(50, 50, 150, 150, Region.Op.XOR); //第二个 drawScene(canvas);

结果：

先后在(10,10)以及(50,50)为起点，裁剪了两个100*100的矩形，得出的裁剪结果是：
A和B的补集 = A和B的合集 - A和B的交集

Op.REVERSE_DIFFERENCE： canvas.clipRect(10, 10, 110, 110); //第一个 canvas.clipRect(50, 50, 150, 150, Region.Op.REVERSE_DIFFERENCE); //第二个 drawScene(canvas);

结果：