Paint API之—— Xfermode與PorterDuff詳解(一)
本節(jié)引言:
不知道標(biāo)題這兩個玩意你熟不熟悉啦,如果自己實現(xiàn)過圓角或者圓形圖片,相信對這兩個名詞 并不模式,一時半伙沒想起來?沒關(guān)系,下面這個圖你可曾見過?
PS:網(wǎng)上都說在:\samples\android-XX\legacy\ApiDemos\src\com\example\android\apis\graphics 下能找到這個圖片- -,然而并沒有,不知道是不是因為我的sample是android-22的,只在這里找到一個Xfermodes.java的Java文件!這里直接貼下網(wǎng)上找到的~
嗯,說回來,這圖相信大部分朋友都見過吧,沒見過也沒關(guān)系,本節(jié)我們帶大家來一點點的學(xué)習(xí) 這個東西~,看回我們前面的Android基礎(chǔ)入門教程——8.3.1 三個繪圖工具類詳解
setXfermode(Xfermode xfermode):設(shè)置圖形重疊時的處理方式,如合并,取交集或并集, 經(jīng)常用來制作橡皮的擦除效果!
我們來到官方文檔:Xfermode,我們發(fā)現(xiàn)他有三個兒子:
本節(jié)我們來學(xué)習(xí)他的前兩個兒子~
大兒子:AvoidXfermode
嗯,和前面學(xué)的MaskFilter的兩個子類一樣,不支持硬件加速,所以如果是API 14以上的版本, 需要關(guān)閉硬件加速才會有效果!怎么關(guān)自己看上一節(jié)哈~
我們來看看他給我們提供的構(gòu)造方法!官方API文檔:AvoidXfermode
參數(shù)有三個,依次是:
opColor:一個十六進(jìn)制的帶透明度的顏色值,比如0x00C4C4;
tolerance:容差值,如果你學(xué)過PS可能用過魔棒工具,就是設(shè)置選取顏色值的范圍,比如 容差為0,你選的是純黑的小點,當(dāng)容差調(diào)為40的時候,范圍已經(jīng)擴(kuò)大到大塊黑色這樣!如果 還不是很明白,等下我們寫寫代碼就知道了!
mode:AvoidXfermode模式,有兩種:TARGET與AVOID
模式1:AvoidXfermode.Mode.TARGET
該模式會判斷畫布上是否有與我們設(shè)置顏色值不一樣的顏色,如果有的話,會把這些區(qū)域 染上一層畫筆定義的顏色,其他地方不染色!下面我們寫代碼演示下,順便讓大家感覺下 這個容差值!
使用代碼示例:
運行效果圖:
嗯,先上下原圖,素材來自gank.io:
接下來我們隨便把墻上某個地方的顏色用顏色取色器取下,然后寫一個簡單的View!
PS:需要在AndroidManifest.xml中的appliction節(jié)點添加關(guān)閉硬件加速: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); } }
運行后的效果:
看到墻上那堆姨媽紅了沒,效果杠杠的,這里我們的容差值并沒有發(fā)揮作用,我們改一改,把 妹子的白衣服變成姨媽紅!
我們把上面構(gòu)造AvoidXfermode的內(nèi)容改成:
avoidXfermode = new AvoidXfermode(0XFFD9E5F3, 25, AvoidXfermode.Mode.TARGET);
然后,妹子身上的白衣服就變成姨媽紅了...,滿滿的罪惡感...
模式2:AvoidXfermode.Mode.AVOID
和上面的TARGET模式相反,上面是顏色一樣才改變顏色,這里是顏色不一樣反而改變顏色, 而容差值同樣帶來相反的結(jié)果,容差值為0時,只有當(dāng)圖片中的像素顏色值與設(shè)置的顏色值完全不一樣 的時候才會被染色,而當(dāng)容差值達(dá)到最大值255的時候,稍微有一點顏色不一樣就會被染色! 我們只需簡單的修改上面的例子就可以了,同一是修改下構(gòu)造AvoidXfermode的內(nèi)容! 我們改成下面這句:
avoidXfermode = new AvoidXfermode(0XFFD9E5F3,230, AvoidXfermode.Mode.AVOID);
運行效果圖:
二兒子:PixelXorXfermode
這個則是另一種圖像混排模式,比起大兒子更簡單,他的構(gòu)造方法如下:
官方API文檔:PixelXorXfermode
參數(shù)解析:
就一個16進(jìn)制帶透明值得顏色值,至于這個值的作用,是有一個算法的: PixelXorXfermode內(nèi)部是按照" opColor ^ src ^ dst "這個異或算法運算的, 得到一個不透明的(alpha = 255)的色彩值,設(shè)置到圖像中!好吧,這是網(wǎng)上搜的 具體我也不知道,寫個例子試試效果唄~
代碼示例:
運行效果圖:
實現(xiàn)代碼:
/** * 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); } }
本節(jié)示例代碼下載:
本節(jié)小結(jié):
好吧,滿滿的罪惡感,很漂亮的一個妹子,結(jié)果給我寫demo寫成了這個樣子,別怪我,
嗯,對了,忘記說,Xfermode的大兒子和二兒子已經(jīng)過世(過期),在API 16后的版本,就 過期了,也就說本節(jié)并沒什么卵用...
也不能這樣說,Apache在4.4后的版本都給閹割了,但是還是有人用著HttpClient,或者 由這個庫寫的HTTP請求框架哈~當(dāng)然,這種人基本很少很少!不過學(xué)多點總沒壞處,是吧, 下節(jié)的三兒子PorterDuffXfermode就沒過時啦,也很重要,嗯,放心,不會又會毀照片! 嗯,就說這么多,謝謝~