Android圖片描邊效果的實(shí)現(xiàn)
前言
先看下我們闊愛滴海綿寶寶,其原圖是一張PNG圖片,我們給寶寶加上描邊效果,今天我們使用的是圖片蒙版技術(shù)。
說到蒙版可能很多人想起PS摳圖軟件,Android上也一樣,同一個(gè)大樹上可能會(huì)長出兩種果實(shí),但果實(shí)的根基是一樣的。
什么是蒙版:所謂蒙版是只保留了alpha通道的一種二維正交投影,簡(jiǎn)單的說就是你躺在地上,太陽光直射下來,背后的那片就是你的蒙版。因此,它既不存在三維特征,也不存在色彩特征,只有alpha特征。那只有alpha通道的圖片是什么顏色,這塊沒有具體了解過,但是理論上取決于默認(rèn)填充色,在Android上最終是白色的,其他平臺(tái)暫時(shí)還沒了解。
提取蒙版
Android上提取蒙版比想象的容易,按照以往的思路,我們是要進(jìn)行圖片掃描這里,其實(shí)就是把所有顏色的red、green、blue都排除掉,只保留alpha,相當(dāng)于縮小了通道數(shù),排除采樣和縮小圖片,當(dāng)然這個(gè)工作量是很大的,尤其是超高清圖片。
Android 上提取蒙版,只需要把原圖繪制到alpha通道的Bitmap上
bms = decodeBitmap(R.mipmap.mm_07); bmm = Bitmap.createBitmap(bms.getWidth(), bms.getHeight(), Bitmap.Config.ALPHA_8); Canvas canvas = new Canvas(bmm); canvas.drawBitmap(bms, 0, 0, null);
蒙版繪制
蒙版繪制和其他Bitmap繪制是有差異的,ARGB_8888和RGB_565等色彩格式的圖片,其本身是具備顏色的,但是蒙版圖片不一樣,他沒有顏色,所以你繪制的時(shí)候,bitmap的顏色是你畫筆Paint的填充色,突然想到可以做一個(gè)人體掃描的動(dòng)畫效果或者人體熱力圖。
canvas.drawBitmap(bmm, x, y, paint);
擴(kuò)大蒙版(影子)
要讓蒙版比比原圖大,理論上是需要等比例放大蒙版在平移,還有一種方式是進(jìn)行偏移繪制,我們這里使用偏移繪制。當(dāng)然,這里取一定360,保證盡可能每個(gè)方向都有偏移,這是看到的外國人的算法。至于step>0 但是也要控制粒度,太小可能繪制次數(shù)太多,太大可能有些邊緣做不到偏移。
for (int i = 0; i < 360; i += step) { float x = width * (float) Math.cos(Math.toRadians(i)); float y = width * (float) Math.sin(Math.toRadians(i)); canvas.drawBitmap(bmm, x, y, paint); }
閃爍效果
我們價(jià)格顏色閃爍的效果,其實(shí)很簡(jiǎn)單,也不是本篇重要的部份,其實(shí)就是在色彩中間插入透明色,然后定時(shí)閃爍。
int index = -1; int max = 15; int[] colors = new int[max]; final int[] highlightColors = {0xfff00000,0,0xffff9922,0,0xff00ff00,0}; public void shake() { index = 0; for (int i = 0; i < max; i+=2) { colors[i] = highlightColors[i % highlightColors.length]; } postInvalidate(); }
總結(jié)
本篇到這里就結(jié)束了,希望利用蒙版+偏移做出更多東西。
全部代碼
public class ViewHighLight extends View { final Bitmap bms; //source 原圖 final Bitmap bmm; //mask 蒙版 final Paint paint; final int width = 4; final int step = 15; // 1...45 int index = -1; int max = 15; int[] colors = new int[max]; final int[] highlightColors = {0xfff00000,0,0xffff9922,0,0xff00ff00,0}; public ViewHighLight(Context context) { super(context); bms = decodeBitmap(R.mipmap.mm_07); bmm = Bitmap.createBitmap(bms.getWidth(), bms.getHeight(), Bitmap.Config.ALPHA_8); Canvas canvas = new Canvas(bmm); canvas.drawBitmap(bms, 0, 0, null); paint = new Paint(Paint.ANTI_ALIAS_FLAG); } private Bitmap decodeBitmap(int resId) { BitmapFactory.Options options = new BitmapFactory.Options(); options.inMutable = true; return BitmapFactory.decodeResource(getResources(), resId, options); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); // draw blur shadow for (int i = 0; i < 360; i += step) { float x = width * (float) Math.cos(Math.toRadians(i)); float y = width * (float) Math.sin(Math.toRadians(i)); canvas.drawBitmap(bmm, x, y, paint); } canvas.drawBitmap(bms, 0, 0, null); if(index == -1){ return; } index++; if(index > max +1){ return; } if(index >= max){ paint.setColor(Color.TRANSPARENT); }else{ paint.setColor(colors[index]); } postInvalidateDelayed(200); } public void shake() { index = 0; for (int i = 0; i < max; i+=2) { colors[i] = highlightColors[i % highlightColors.length]; } postInvalidate(); } }
以上就是Android;圖片描邊效果實(shí)現(xiàn)的詳細(xì)內(nèi)容,更多關(guān)于Android 圖片描邊的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
優(yōu)化SimpleAdapter適配器加載效率的方法
下面小編就為大家?guī)硪黄獌?yōu)化SimpleAdapter適配器加載效率的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04sweet alert dialog 在android studio應(yīng)用問題說明詳解
這篇文章主要介紹了sweet alert dialog 在android studio應(yīng)用問題說明詳解的相關(guān)資料,本文圖文并茂介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09android編程獲取和設(shè)置系統(tǒng)鈴聲和音量大小的方法
這篇文章主要介紹了android編程獲取和設(shè)置系統(tǒng)鈴聲和音量大小的方法,實(shí)例分析了Android針對(duì)音頻的相關(guān)操作技巧,需要的朋友可以參考下2017-06-06Android模擬器安裝APP出現(xiàn)INSTALL_FAILED_NO_MATCHING_ABIS錯(cuò)誤解決方案
這篇文章主要介紹了 Android模擬器安裝APP出現(xiàn)INSTALL_FAILED_NO_MATCHING_ABIS錯(cuò)誤解決方案的相關(guān)資料,需要的朋友可以參考下2016-12-12Android編程設(shè)計(jì)模式之單例模式實(shí)例詳解
這篇文章主要介紹了Android編程設(shè)計(jì)模式之單例模式,結(jié)合實(shí)例形式詳細(xì)分析了Android開發(fā)設(shè)計(jì)模式中單例模式的概念、功能、實(shí)現(xiàn)、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-12-12android如何添加桌面圖標(biāo)和卸載程序后自動(dòng)刪除圖標(biāo)
android如何添加桌面圖標(biāo)和卸載程序后自動(dòng)刪除桌面圖標(biāo),這是一個(gè)應(yīng)用的安裝與卸載過程對(duì)桌面圖標(biāo)的操作,下面與大家分享下具體是如何實(shí)現(xiàn)的,感興趣的朋友可以參考下哈2013-06-06Input系統(tǒng)之InputReader處理按鍵事件詳解
這篇文章主要為大家介紹了Input系統(tǒng)之InputReader處理按鍵事件詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11