Android Paint API之—— MaskFilter(面具)

本節(jié)引言：

在Android基礎(chǔ)入門教程——8.3.1 三個(gè)繪圖工具類詳解的Paint方法中有這樣一個(gè)方法：

setMaskFilter(MaskFilter maskfilter)： 設(shè)置MaskFilter，可以用不同的MaskFilter實(shí)現(xiàn)濾鏡的效果，如濾化，立體等！ 而我們一般不會(huì)直接去用這個(gè)MaskFilter，而是使用它的兩個(gè)子類：

BlurMaskFilter：指定了一個(gè)模糊的樣式和半徑來(lái)處理Paint的邊緣。

EmbossMaskFilter：指定了光源的方向和環(huán)境光強(qiáng)度來(lái)添加浮雕效果。 下面我們來(lái)寫個(gè)例子來(lái)試驗(yàn)一下~！

官方API文檔：
BlurMaskFilter；
EmbossMaskFilter；

1.BlurMaskFilter(模糊效果)

說(shuō)什么濾鏡立體，誰(shuí)知道怎么樣，示例見真知：

代碼示例：

運(yùn)行效果圖：

實(shí)現(xiàn)代碼：

這里我們創(chuàng)建一個(gè)自定義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);           //畫筆粗細(xì)

        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)，我們使用這個(gè)BlurMaskFilter，無(wú)非是， 在構(gòu)造方法中實(shí)例化：

BlurMaskFilter(10f,BlurMaskFilter.Blur.NORMAL);

我們可以控制的就是這兩個(gè)參數(shù)：

第一個(gè)參數(shù)：指定模糊邊緣的半徑；

第二個(gè)參數(shù)：指定模糊的風(fēng)格，可選值有：

• BlurMaskFilter.Blur.NORMAL：內(nèi)外模糊
• BlurMaskFilter.Blur.OUTER：外部模糊
• BlurMaskFilter.Blur.INNER：內(nèi)部模糊
• BlurMaskFilter.Blur.SOLID：內(nèi)部加粗，外部模糊

可能還是有點(diǎn)不清晰，我們找個(gè)圖片來(lái)試試：

這里我們把模糊半徑修改成了50，就更加明顯了~

2.EmbossMaskFilter(浮雕效果)

如題，通過(guò)指定環(huán)境光源的方向和環(huán)境光強(qiáng)度來(lái)添加浮雕效果，同樣，我們寫個(gè)示例來(lái)看看效果：

代碼示例：

運(yùn)行效果圖：

實(shí)現(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);           //畫筆粗細(xì)
        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)造方法中進(jìn)行！

EmbossMaskFilter(float[] direction, float ambient, float specular, float blurRadius) 參數(shù)依次是：

direction：浮點(diǎn)型數(shù)組，用于控制x,y,z軸的光源方向

ambient：設(shè)置環(huán)境光亮度，0到1之間

specular：鏡面反射系數(shù)

blurRadius：模糊半徑

你可以修改這些值，試試不同的效果，比如我修改下上述的，又會(huì)是另一種效果：

//這里為了明顯點(diǎn)，換成了綠色

3.注意事項(xiàng)

在使用MaskFilter的時(shí)候要注意，當(dāng)我們的targetSdkVersion >= 14的時(shí)候，MaskFilter 就不會(huì)起效果了，這是因?yàn)锳ndroid在API 14以上版本都是默認(rèn)開啟硬件加速的，這樣充分 利用GPU的特性，使得繪畫更加平滑，但是會(huì)多消耗一些內(nèi)存！好吧，我們把硬件加速關(guān)了 就好，可以在不同級(jí)別下打開或者關(guān)閉硬件加速，一般是關(guān)閉~

• Application：在配置文件的application節(jié)點(diǎn)添加： android:hardwareAccelerated="true"
• Activity：在配置文件的activity節(jié)點(diǎn)添加 android:hardwareAccelerated="false"
• View：可以獲得View對(duì)象后調(diào)用，或者直接在View的onDraw()方法里設(shè)置： view.setLayerType(View.LAYER_TYPE_HARDWARE, null);

示例代碼下載：

MaskFilterDemo.zip

本節(jié)小結(jié)：

本節(jié)給大家演示了Paint的一個(gè)API，setMaskFilter(MaskFilter maskfilter)，學(xué)習(xí)了 MaskFilter兩個(gè)子類的基本用法：BlurMaskFilter(模糊效果)與EmbossMaskFilter(浮雕效果)， 比較簡(jiǎn)單，多學(xué)一點(diǎn)，對(duì)我們進(jìn)階部分的自定義控件也是沒有壞處的~好的，就說(shuō)這么多， 謝謝~

對(duì)了，忘了說(shuō)，其實(shí)在SDK中的example中有個(gè)類，就演示了這兩種用法：

samples\android-xx\legacy\ApiDemos\src\com\example\android\apis\graphics 目錄下的：FingerPaint.java文件~