【Android】PorterDuffXfermode使用（通过消除背景层与重叠部分绘制组合图形）

利用PorterDuffXfermode,绘制组合图形，过程我分成了4个步骤（onDraw方法里面）：

1、通过canvas.saveLayout()先绘制一个背景图层(这里位置大小很重要，应该根据覆盖层来定义)（如果没有背景层，产生效果可能和预期不太一样）

2、canvas.drawXXX()画底部图形Dst；

4、paint.setXfermode()设置图形相交模式

5、canvas.drawBitmap(maskBm, x, y, paint)画覆盖图形

下面是圆形与矩形SRC_OUT模式下重叠后效果图：

上图实现代码：

package com.example.d_customprogressbar.widget;import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.View;public class PorterDuffXferView extends View{private Paint mPaint;private Paint mPaint2;private Rect rect;private Bitmap maskBm;//遮罩层public PorterDuffXferView(Context context, AttributeSet attrs) {super(context, attrs);mPaint = new Paint();mPaint.setColor(Color.YELLOW);mPaint.setAntiAlias(true);mPaint.setStyle(Style.FILL);mPaint2 = new Paint();mPaint2.setColor(Color.BLUE);mPaint2.setAntiAlias(true);mPaint2.setStyle(Style.FILL);//绘制遮罩层rect = new Rect(0,0, 250, 100);maskBm = Bitmap.createBitmap(250, 100, Config.ARGB_8888);Canvas canvas = new Canvas(maskBm);canvas.drawRect(rect, mPaint2);
//      canvas.saveLayer(0,0, 250, 100,  null,
//              Canvas.MATRIX_SAVE_FLAG | Canvas.CLIP_SAVE_FLAG
//              | Canvas.HAS_ALPHA_LAYER_SAVE_FLAG
//              | Canvas.FULL_COLOR_LAYER_SAVE_FLAG
//              | Canvas.CLIP_TO_LAYER_SAVE_FLAG);}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);//绘制背景图层(这里位置大小很重要，应该根据覆盖层来定义)(如果要实现SRC-OUT效果：那么左上点与覆盖层一样)int sc= canvas.saveLayer(100,100, 500, 500,  null,Canvas.MATRIX_SAVE_FLAG | Canvas.CLIP_SAVE_FLAG  | Canvas.HAS_ALPHA_LAYER_SAVE_FLAG  | Canvas.FULL_COLOR_LAYER_SAVE_FLAG  | Canvas.CLIP_TO_LAYER_SAVE_FLAG);//画圆-DSTcanvas.drawCircle(100, 100, 100, mPaint);//设置图形相交模式mPaint.setXfermode(new PorterDuffXfermode(Mode.SRC_OUT));  //画覆盖层（蓝色矩形）SRCcanvas.drawBitmap(maskBm, 100f, 100f, mPaint);  //      mPaint.setXfermode(null);
//      canvas.restoreToCount(sc);}}

效果分析：

如果把背景层代码注释，覆盖层就变黑了，如下图：

总结：用PorterDuffXfermode时，一定要先saveLayout()绘制背景层

Demo：http://download.csdn.net/detail/u013372185/9560935

【Android】PorterDuffXfermode使用（通过消除背景层与重叠部分绘制组合图形）相关推荐

android PorterDuffXfermode ，PorterDuff.Mode 使用以及Porter-Duff规则详解
android PorterDuffXfermode ,PorterDuff.Mode 使用以及Porter-Duff规则详解 1.下面的Xfermode子类可以改变这种行为: AvoidXferm ...
干货 | 详解如何用深度学习消除背景，实现抠图
微信公众号关键字全网搜索最新排名 [机器学习算法]:排名第一 [机器学习]:排名第一 [Python]:排名第三 [算法]:排名第四这篇文章介绍了作者 Gidi Sheperber 在 green ...
Android游戏开发指南一背景地图
1.孤岛使用三张背景层,一张大的静态的图,一个中间的tilemap,和前景tilemap 2.32X32 tiles, means that 120 tiles should be draw in o ...
android 动态修改 selector,Android Selector 按下修改背景和文本颜色的实现代码
1,selector 按下修改背景和文本颜色 [1]点击改变字体颜色 - android:state_pressed(按压状态) [2]selector状态选择器(bg_btn_two (存放 res ...
【Android 性能优化】布局渲染优化 ( 过渡绘制 | 背景设置产生的过度绘制 | Android 系统的渲染优化 | 自定义布局渲染优化 )
文章目录一. 背景设置产生的过度绘制二. Android 系统的渲染优化 1. 透明组件数据传递 2. GPU 存储机制 3. Android 7.0 之后的优化机制三. 自定义布局渲染优化一 ...
android黑色半透明dialog背景,Android开发中Dialog半透明背景消失
近日,遇到一个Dialog半透明背景消失的问题,背景需求是自定义Dialog实现警告提示框: // 初始化警告弹出框 alertDialog = new EmpAlertView(context, U ...
android 弹出PopupWindow后背景逐渐变暗
今天,简单讲讲android在弹出 PopupWindow后如何使背景逐渐变暗. 我之前做的效果是在PopupWindow弹出时立即将背景变暗,这个也很简单. 在PopupWindow弹出时,将 ...
android selector点击修改颜色,Android Selector 按下修改背景和文本颜色的实现代码
1,selector 按下修改背景和文本颜色 [1]点击改变字体颜色 - android:state_pressed(按压状态) [2]selector状态选择器(bg_btn_two (存放 res ...
Android BackgroundViewPager：类似桌面背景壁纸随手指滑动
Android BackgroundViewPager:类似桌面背景壁纸随手指滑动 Android BackgroundViewPager要实现的功能和Android桌面极为类似,即,假设用户的 ...

【Android】PorterDuffXfermode使用（通过消除背景层与重叠部分绘制组合图形）

【Android】PorterDuffXfermode使用（通过消除背景层与重叠部分绘制组合图形）相关推荐

最新文章

热门文章