W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
在Android基礎(chǔ)入門教程——8.3.1 三個繪圖工具類詳解的Paint方法中有這樣一個方法:
setMaskFilter(MaskFilter maskfilter): 設(shè)置MaskFilter,可以用不同的MaskFilter實現(xiàn)濾鏡的效果,如濾化,立體等! 而我們一般不會直接去用這個MaskFilter,而是使用它的兩個子類:
BlurMaskFilter:指定了一個模糊的樣式和半徑來處理Paint的邊緣。
EmbossMaskFilter:指定了光源的方向和環(huán)境光強度來添加浮雕效果。 下面我們來寫個例子來試驗一下~!
官方API文檔:
BlurMaskFilter;
EmbossMaskFilter;
說什么濾鏡立體,誰知道怎么樣,示例見真知:
代碼示例:
運行效果圖:
實現(xiàn)代碼:
這里我們創(chuàng)建一個自定義View,在里面完成繪制!
BlurMaskFilterView.java:
/**
* Created by Jay on 2015/10/21 0021.
*/
public class BlurMaskFilterView extends View{
public BlurMaskFilterView(Context context) {
super(context);
}
public BlurMaskFilterView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public BlurMaskFilterView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
BlurMaskFilter bmf = null;
Paint paint=new Paint();
paint.setAntiAlias(true); //抗鋸齒
paint.setColor(Color.RED);//畫筆顏色
paint.setStyle(Paint.Style.FILL); //畫筆風(fēng)格
paint.setTextSize(68); //繪制文字大小,單位px
paint.setStrokeWidth(5); //畫筆粗細
bmf = new BlurMaskFilter(10f,BlurMaskFilter.Blur.NORMAL);
paint.setMaskFilter(bmf);
canvas.drawText("最喜歡看曹神日狗了~", 100, 100, paint);
bmf = new BlurMaskFilter(10f,BlurMaskFilter.Blur.OUTER);
paint.setMaskFilter(bmf);
canvas.drawText("最喜歡看曹神日狗了~", 100, 200, paint);
bmf = new BlurMaskFilter(10f,BlurMaskFilter.Blur.INNER);
paint.setMaskFilter(bmf);
canvas.drawText("最喜歡看曹神日狗了~", 100, 300, paint);
bmf = new BlurMaskFilter(10f,BlurMaskFilter.Blur.SOLID);
paint.setMaskFilter(bmf);
canvas.drawText("最喜歡看曹神日狗了~", 100, 400, paint);
setLayerType(View.LAYER_TYPE_SOFTWARE, null); //關(guān)閉硬件加速
}
}
好的,從上面的代碼示例,我們可以發(fā)現(xiàn),我們使用這個BlurMaskFilter,無非是, 在構(gòu)造方法中實例化:
BlurMaskFilter(10f,BlurMaskFilter.Blur.NORMAL);
我們可以控制的就是這兩個參數(shù):
第一個參數(shù):指定模糊邊緣的半徑;
第二個參數(shù):指定模糊的風(fēng)格,可選值有:
- BlurMaskFilter.Blur.NORMAL:內(nèi)外模糊
- BlurMaskFilter.Blur.OUTER:外部模糊
- BlurMaskFilter.Blur.INNER:內(nèi)部模糊
- BlurMaskFilter.Blur.SOLID:內(nèi)部加粗,外部模糊
可能還是有點不清晰,我們找個圖片來試試:
這里我們把模糊半徑修改成了50,就更加明顯了~
如題,通過指定環(huán)境光源的方向和環(huán)境光強度來添加浮雕效果,同樣,我們寫個示例來看看效果:
代碼示例:
運行效果圖:
實現(xiàn)代碼:
/**
* Created by Jay on 2015/10/22 0022.
*/
public class EmbossMaskFilterView extends View{
public EmbossMaskFilterView(Context context) {
super(context);
}
public EmbossMaskFilterView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public EmbossMaskFilterView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
float[] direction = new float[]{ 1, 1, 3 }; // 設(shè)置光源的方向
float light = 0.4f; //設(shè)置環(huán)境光亮度
float specular = 8; // 定義鏡面反射系數(shù)
float blur = 3.0f; //模糊半徑
EmbossMaskFilter emboss=new EmbossMaskFilter(direction,light,specular,blur);
Paint paint = new Paint();
paint.setAntiAlias(true); //抗鋸齒
paint.setColor(Color.BLUE);//畫筆顏色
paint.setStyle(Paint.Style.FILL); //畫筆風(fēng)格
paint.setTextSize(70); //繪制文字大小,單位px
paint.setStrokeWidth(8); //畫筆粗細
paint.setMaskFilter(emboss);
paint.setMaskFilter(emboss);
canvas.drawText("最喜歡看曹神日狗了~", 50, 100, paint);
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.ic_bg_meizi1);
canvas.drawBitmap(bitmap, 150, 200, paint);
setLayerType(View.LAYER_TYPE_SOFTWARE, null); //關(guān)閉硬件加速
}
}
從效果圖我們就可以看出一些EmbossMaskFilter的效果,修改光線,形成浮雕效果~妹子圖不明顯, 文字就很清晰顯示出紋路了!和BlurMaskFilter一樣,相關(guān)的設(shè)置都是在構(gòu)造方法中進行!
EmbossMaskFilter(float[] direction, float ambient, float specular, float blurRadius) 參數(shù)依次是:
direction:浮點型數(shù)組,用于控制x,y,z軸的光源方向
ambient:設(shè)置環(huán)境光亮度,0到1之間
specular:鏡面反射系數(shù)
blurRadius:模糊半徑
你可以修改這些值,試試不同的效果,比如我修改下上述的,又會是另一種效果:
//這里為了明顯點,換成了綠色
在使用MaskFilter的時候要注意,當我們的targetSdkVersion >= 14的時候,MaskFilter 就不會起效果了,這是因為Android在API 14以上版本都是默認開啟硬件加速的,這樣充分 利用GPU的特性,使得繪畫更加平滑,但是會多消耗一些內(nèi)存!好吧,我們把硬件加速關(guān)了 就好,可以在不同級別下打開或者關(guān)閉硬件加速,一般是關(guān)閉~
- Application:在配置文件的application節(jié)點添加: android:hardwareAccelerated="true"
- Activity:在配置文件的activity節(jié)點添加 android:hardwareAccelerated="false"
- View:可以獲得View對象后調(diào)用,或者直接在View的onDraw()方法里設(shè)置: view.setLayerType(View.LAYER_TYPE_HARDWARE, null);
本節(jié)給大家演示了Paint的一個API,setMaskFilter(MaskFilter maskfilter),學(xué)習(xí)了 MaskFilter兩個子類的基本用法:BlurMaskFilter(模糊效果)與EmbossMaskFilter(浮雕效果), 比較簡單,多學(xué)一點,對我們進階部分的自定義控件也是沒有壞處的~好的,就說這么多, 謝謝~
對了,忘了說,其實在SDK中的example中有個類,就演示了這兩種用法:
samples\android-xx\legacy\ApiDemos\src\com\example\android\apis\graphics 目錄下的:FingerPaint.java文件~
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: