PorterDuff及Xfermode详解

深藏阁楼爱情的钟 2022-08-04 11:56 333阅读 0赞

利用ProterBuff.Mode我们可以完成任意2D图像测操作， 比如涂鸦画板应用中的橡皮擦效果，绘制各种自定义的进度,等等很强大的效果，下面请看具体的介绍:

**    1.  Xfermode:**

![SouthEast][]

Xfermode有三个子类 :

**AvoidXfermode ** 指定了一个颜色和容差，强制Paint避免在它上面绘图(或者只在它上面绘图)。

**PixelXorXfermode  **当覆盖已有的颜色时，应用一个简单的像素异或操作。

**PorterDuffXfermode**  这是一个非常强大的转换模式，使用它，可以使用图像合成的16条Porter-Duff规则的任意一条来控制Paint如何与已有的Canvas图像进行交互。

要应用转换模式，可以使用setXferMode方法，如下所示：

**\[java\]**  [view plain][] [copy][view plain]

1.  AvoidXfermode avoid = **new** AvoidXfermode(Color.BLUE, 10, AvoidXfermode.Mode. AVOID);    borderPen.setXfermode(avoid);

**2.PorterDuff:**

![SouthEast 1][]

首先看一下效果图(来自ApiDemos/Graphics/XferModes)

![SouthEast 2][]

从上面我们可以看到**PorterDuff.Mode**为枚举类,一共有16个枚举值:

**1.PorterDuff.Mode.CLEAR  **

所绘制不会提交到画布上。  
**2.PorterDuff.Mode.SRC**

显示上层绘制图片  
**3.PorterDuff.Mode.DST**

显示下层绘制图片  
**4.PorterDuff.Mode.SRC\_OVER**

正常绘制显示，上下层绘制叠盖。  
**5.PorterDuff.Mode.DST\_OVER**

上下层都显示。下层居上显示。  
**6.PorterDuff.Mode.SRC\_IN**

取两层绘制交集。显示上层。  
**7.PorterDuff.Mode.DST\_IN**

取两层绘制交集。显示下层。  
**8.PorterDuff.Mode.SRC\_OUT**

取上层绘制非交集部分。  
**9.PorterDuff.Mode.DST\_OUT**

取下层绘制非交集部分。  
**10.PorterDuff.Mode.SRC\_ATOP**

取下层非交集部分与上层交集部分  
**11.PorterDuff.Mode.DST\_ATOP**

取上层非交集部分与下层交集部分  
**12.PorterDuff.Mode.XOR**

异或：去除两图层交集部分  
**13.PorterDuff.Mode.DARKEN**

取两图层全部区域，交集部分颜色加深  
**14.PorterDuff.Mode.LIGHTEN**

取两图层全部，点亮交集部分颜色  
**15.PorterDuff.Mode.MULTIPLY**

取两图层交集部分叠加后颜色  
**16.PorterDuff.Mode.SCREEN**

取两图层全部区域，交集部分变为透明色

[SouthEast]: /images/20220731/17161ef45dbb43e7a57dd4dcd6d15906.png
[view plain]: http://blog.csdn.net/t12x3456/article/details/10432935#
[SouthEast 1]: /images/20220731/37ef9336b0e64686a7e1be2d8bf3bcbe.png
[SouthEast 2]: /images/20220731/5411ceb252e342a9bffe227efbf56a02.png

发表评论取消回复

表情：

评论列表（有 0 条评论，333人围观）

还没有评论，来说两句吧...

相关阅读

相关 1.2.3_Paint 图层混合模式 Xfermode的使用

图层混合模式使用方式如下 Paint.setXfermode() 离屏绘制通过使用离屏缓冲，把要绘制的内容单独绘制在缓冲层，保证Xfermode的使

短命女/ 2023年10月18日 16:19/ 0 赞/ 117 阅读

相关 1.2.4_使用离屏绘制Xfermode实现刮刮卡效果

先看下效果图 ![在这里插入图片描述][20190329083140282.gif] 如何实现 1.初始化 mPaint = new Paint();

川长思鸟来/ 2023年10月18日 16:19/ 0 赞/ 137 阅读

相关 Xfermode的完全使用解析

作用：将不同的绘制内容结合到一起先绘制一张图片 package com.example.viewtest.view import andro

r囧r小猫/ 2023年10月15日 19:11/ 0 赞/ 76 阅读

相关 Android PorterDuff.Mode

16个模式如下： 1.PorterDuff.Mode.CLEAR 所绘制不会提交到画布上。 2.PorterDuff.Mode.SRC 显示上层绘制图片 3.Por

淡淡的烟草味﹌/ 2023年08月17日 16:31/ 0 赞/ 89 阅读

相关 Android 颜色渲染(九) PorterDuff及Xfermode详解

从上面我们可以看到PorterDuff.Mode为枚举类,一共有16个枚举值: 1.PorterDuff.Mode.CLEAR 所绘制不会提交到画布上。

深藏阁楼爱情的钟/ 2022年08月08日 16:40/ 0 赞/ 264 阅读

相关 PorterDuff及Xfermode详解

利用ProterBuff.Mode我们可以完成任意2D图像测操作，比如涂鸦画板应用中的橡皮擦效果，绘制各种自定义的进度,等等很强大的效果，下面请看具体的介绍:

深藏阁楼爱情的钟/ 2022年08月04日 11:56/ 0 赞/ 334 阅读

相关 Xfermode只作用于一角，求指教

根据徐宜生在大神在慕课网上视频敲出的代码，效果与大神不一样，明明四个圆角，运行出来却只有一个。很郁闷。。。以下是代码，求路过大神指教！ ![这里写图片描述][SouthEa

ゞ浴缸里的玫瑰/ 2022年07月11日 12:07/ 0 赞/ 133 阅读

相关 NIO详解及Netty4详解

NIO详解： [http://blog.csdn.net/suifeng3051/article/details/48160753][http_blog.csdn.net_su

蔚落/ 2022年06月12日 13:52/ 0 赞/ 419 阅读

相关 Android图像合成模式之PorterDuff.Mode

本文转载自简书《各个击破搞明白PorterDuff.Mode》，链接地址如下：[https://www.jianshu.com/p/d11892bbe055][https_ww

女爷i/ 2022年06月01日 22:35/ 0 赞/ 163 阅读

相关 Android进阶——Xfermode图像混合模式

一、GPU硬件加速 GPU英文全称Graphic Processing Unit，中文翻译为“图形处理器”。与CPU不同，GPU是专门为处理图形任务而产生的芯片。在

柔光的暖阳◎/ 2022年02月27日 02:56/ 1 赞/ 952 阅读