自定义View——PorterDuffXfermode.docVIP

自定义View——PorterDuffXfermode 楔子 我们在自定义的过程，经常会遇到多个图形相交的问题（如下图），那么系统是如何处理图片相交部分的绘制的呢？ View的基本框架(之后的代码都是基于该View)： public class PorterDuffXfermodeView extends View { //画笔 private final Paint mPaint = new Paint(); //View的宽高 private int mViewWidth; private int mViewHeight; public PorterDuffXfermodeView(Context context) { this(context,null); } public PorterDuffXfermodeView(Context context, AttributeSet attrs) { this(context, attrs,0); } public PorterDuffXfermodeView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initWidget(); } private void initWidget(){ //初始化画笔 mPaint.setStyle(Paint.Style.FILL); mPaint.setAntiAlias(true); mPaint.setDither(true); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mViewWidth = w; mViewHeight = h; } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); } } 实现代码： //自定义View @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.translate(mViewWidth/2,mViewHeight/2); firstExample(canvas); } /** * 制作具有相交部分的圆和正方形 */ private void firstExample(Canvas canvas){ //绘制一个正方型 mPaint.setColor(Color.BLUE); canvas.drawRect(-300,-300,0,0,mPaint); //绘制一个圆 mPaint.setColor(Color.RED); canvas.drawCircle(0,0,200,mPaint); } 首先我们要知道系统是如何绘制图形的，系统每绘制一个图形（如：canvas.drawXxx()）就代表创建了一个图层，那么什么叫做图层? 我们看一张图就明白了 1、图片中的三个颜色分别代表一个图层，每个图层的内容就是绘制的图形。 2、系统默认是图层向上累加绘制，也就是红色是最先绘制的，蓝色是之后绘制的，黄色是最后绘制的。所以图形相交的部分，就被上层的图层的内容给掩盖了。 既然明白了图层的概念，我们就可以回到正题，如何处理图层的相交部分。Android为我们提供了PorterDuffXfermode这个类，来处理关于图层相交的问题。 PorterDuffXfermode的使用 PorterDuffXfermode能够实现的功能 首先我们来看一下PorterDuffXfermode有哪些功能 注：(dst表示先绘制的图，src表示后绘制的图) 稍微简单的解释一下常用的功能： 凡是带有IN的表示：取两个图层的相交部分，关于相交部分显示什么内容有DS