# 8.3.4 Paint API之—— Xfermode與PorterDuff詳解(一) ## 本節引言： > 不知道標題這兩個玩意你熟不熟悉啦，如果自己實現過圓角或者圓形圖片，相信對這兩個名詞 并不模式，一時半伙沒想起來？沒關系，下面這個圖你可曾見過？ > >  > > PS：網上都說在：\samples\android-XX\legacy\ApiDemos\src\com\example\android\apis\graphics 下能找到這個圖片- -，然而并沒有，不知道是不是因為我的sample是android-22的，只在這里找到一個 **Xfermodes.java**的Java文件！這里直接貼下網上找到的~ > > 嗯，說回來，這圖相信大部分朋友都見過吧，沒見過也沒關系，本節我們帶大家來一點點的學習 這個東西~，看回我們前面的[Android基礎入門教程——8.3.1 三個繪圖工具類詳解](/w3cnote/android-tutorial-drawable-tool.html) > > **setXfermode**(Xfermode xfermode)：設置圖形重疊時的處理方式，如合并，取交集或并集， 經常用來制作橡皮的擦除效果！ > > 我們來到官方文檔：[Xfermode](http://androiddoc.qiniudn.com/reference/android/graphics/Xfermode.html)，我們發現他有三個兒子： > >  > > 本節我們來學習他的前兩個兒子~ ## 大兒子：AvoidXfermode > 嗯，和前面學的MaskFilter的兩個子類一樣，不支持硬件加速，所以如果是API 14以上的版本， 需要關閉硬件加速才會有效果！怎么關自己看上一節哈~ > > 我們來看看他給我們提供的構造方法！官方API文檔：[AvoidXfermode](http://androiddoc.qiniudn.com/reference/android/graphics/AvoidXfermode.html) > >  > > 參數有三個，依次是： > > **opColor**：一個十六進制的帶透明度的顏色值，比如0x00C4C4; > > **tolerance**：容差值，如果你學過PS可能用過魔棒工具，就是設置選取顏色值的范圍，比如 容差為0，你選的是純黑的小點，當容差調為40的時候，范圍已經擴大到大塊黑色這樣！如果 還不是很明白，等下我們寫寫代碼就知道了！ > > **mode**：AvoidXfermode模式，有兩種：**TARGET**與**AVOID** ### 模式1：AvoidXfermode.Mode.TARGET > 該模式會判斷畫布上是否有與我們設置顏色值不一樣的顏色，如果有的話，會把這些區域 染上一層畫筆定義的顏色，其他地方不染色！下面我們寫代碼演示下，順便讓大家感覺下 這個容差值！ **使用代碼示例**： **運行效果圖**： 嗯，先上下原圖，素材來自**gank.io**：  接下來我們隨便把墻上某個地方的顏色用顏色取色器取下，然后寫一個簡單的View! PS:需要在AndroidManifest.xml中的appliction節點添加關閉硬件加速： **android:hardwareAccelerated="false"** ``` /** * Created by Jay on 2015/10/22 0022. */ public class AvoidXfermodeView1 extends View { private Paint mPaint; private Bitmap mBitmap; private AvoidXfermode avoidXfermode; public AvoidXfermodeView1(Context context) { super(context); init(); } public AvoidXfermodeView1(Context context, AttributeSet attrs) { super(context, attrs); init(); } public AvoidXfermodeView1(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); //抗鋸齒 avoidXfermode = new AvoidXfermode(0XFFCCD1D4, 0, AvoidXfermode.Mode.TARGET); mBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.iv_meizi); } @Override protected void onDraw(Canvas canvas) { canvas.drawBitmap(mBitmap, 50, 50, mPaint); mPaint.setARGB(255, 222, 83, 71); mPaint.setXfermode(avoidXfermode); canvas.drawRect(50, 50, 690, 1010, mPaint); } } ``` **運行后的效果**：  看到墻上那堆姨媽紅了沒，效果杠杠的，這里我們的容差值并沒有發揮作用，我們改一改，把 妹子的白衣服變成姨媽紅！ 我們把上面構造AvoidXfermode的內容改成： ``` avoidXfermode = new AvoidXfermode(0XFFD9E5F3, 25, AvoidXfermode.Mode.TARGET); ``` 然后，妹子身上的白衣服就變成姨媽紅了...，滿滿的罪惡感...  ### 模式2：AvoidXfermode.Mode.AVOID > 和上面的TARGET模式相反，上面是顏色一樣才改變顏色，這里是顏色不一樣反而改變顏色， 而容差值同樣帶來相反的結果，容差值為0時，只有當圖片中的像素顏色值與設置的顏色值完全不一樣 的時候才會被染色，而當容差值達到最大值255的時候，稍微有一點顏色不一樣就會被染色！ 我們只需簡單的修改上面的例子就可以了，同一是修改下構造AvoidXfermode的內容！ 我們改成下面這句： ``` avoidXfermode = new AvoidXfermode(0XFFD9E5F3,230, AvoidXfermode.Mode.AVOID); ``` **運行效果圖**：  ## 二兒子：PixelXorXfermode > 這個則是另一種圖像混排模式，比起大兒子更簡單，他的構造方法如下： > > 官方API文檔：[PixelXorXfermode](http://androiddoc.qiniudn.com/reference/android/graphics/PixelXorXfermode.html) > >  > > 參數解析： > > 就一個16進制帶透明值得顏色值，至于這個值的作用，是有一個算法的： PixelXorXfermode內部是按照" opColor ^ src ^ dst "這個異或算法運算的， 得到一個不透明的(alpha = 255)的色彩值，設置到圖像中！好吧，這是網上搜的 具體我也不知道，寫個例子試試效果唄~ **代碼示例**： **運行效果圖**：  **實現代碼**： ``` /** * Created by Jay on 2015/10/22 0022. */ public class PixelXorXfermodeView1 extends View{ private Paint mPaint; private Bitmap mBitmap; private PixelXorXfermode pixelxorXfermode; public PixelXorXfermodeView1(Context context) { super(context); init(); } public PixelXorXfermodeView1(Context context, AttributeSet attrs) { super(context, attrs); init(); } public PixelXorXfermodeView1(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); //抗鋸齒 pixelxorXfermode = new PixelXorXfermode(0XFFD9E5F3); mBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.iv_meizi); } @Override protected void onDraw(Canvas canvas) { canvas.drawBitmap(mBitmap, 50, 50, mPaint); mPaint.setARGB(255, 222, 83, 71); mPaint.setXfermode(pixelxorXfermode); canvas.drawRect(50, 50, 690, 1010, mPaint); } } ``` ## 本節示例代碼下載： [XfermodeDemo.zip](http://static.runoob.com/download/XfermodeDemo.zip) ## 本節小結： > 好吧，滿滿的罪惡感，很漂亮的一個妹子，結果給我寫demo寫成了這個樣子，別怪我，  嗯，對了，忘記說，Xfermode的大兒子和二兒子已經過世(過期)，在API 16后的版本，就 過期了，也就說本節并沒什么卵用... > > 也不能這樣說，Apache在4.4后的版本都給閹割了，但是還是有人用著HttpClient，或者 由這個庫寫的HTTP請求框架哈~當然，這種人基本很少很少！不過學多點總沒壞處，是吧， 下節的三兒子**PorterDuffXfermode**就沒過時啦，也很重要，嗯，放心，不會又會毀照片！ 嗯，就說這么多，謝謝~