8.3.17 Canvas API详解(Part 2)剪切方法合集

本节引言：本节继续带来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文档：Canvas1.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(韦恩图)就一清二楚了，没学过？没事，我们写个例子来试试对应的结果~！写个初始化画笔以及画矩形的方法:private void init() { mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setStrokeWidth(6); mPaint.setColor(getResources().getColor(R.color.blush));}private void drawScene(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);结果：先后在(10,10)以及(50,50)为起点，裁剪了两个100*100的矩形，得出的裁剪结果是：B和A的差集 = B - A和B的交集Op.REPLACEcanvas.clipRect(10, 10, 110, 110); //第一个canvas.clipRect(50, 50, 150, 150, Region.Op.REPLACE); //第二个drawScene(canvas);结果：先后在(10,10)以及(50,50)为起点，裁剪了两个100*100的矩形，得出的裁剪结果是：不论A和B的集合状况，B的范围将全部进行显示，如果和A有交集，则将覆盖A的交集范围；2.Region.Op使用实例：例子参考自：Android 2D Graphics学习（二）、Canvas篇2、Canvas裁剪和Region、RegionIterator运行效果图：关键部分代码 MyView.java：/** * Created by Jay on 2015/11/10 0010. */public class MyView extends View{ private Bitmap mBitmap = null; private int limitLength = 0; // private int width; private int heigth; private static final int CLIP_HEIGHT = 50; private boolean status = HIDE;//显示还是隐藏的状态，最开始为HIDE private static final boolean SHOW = true;//显示图片 private static final boolean HIDE = false;//隐藏图片 public MyView(Context context) { this(context, null); } public MyView(Context context, AttributeSet attrs) { super(context, attrs); mBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.img_meizi); limitLength = width = mBitmap.getWidth(); heigth = mBitmap.getHeight(); } public MyView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override protected void onDraw(Canvas canvas) { Region region = new Region(); int i = 0; while (i * CLIP_HEIGHT <= heigth) {//计算clip的区域 if (i % 2 == 0) { region.union(new Rect(0, i * CLIP_HEIGHT, limitLength, (i + 1) * CLIP_HEIGHT)); } else { region.union(new Rect(width - limitLength, i * CLIP_HEIGHT, width, (i + 1) * CLIP_HEIGHT)); } i++; } canvas.clipRegion(region); canvas.drawBitmap(mBitmap, 0, 0, new Paint()); if (status