详解Paint的setMaskFilter(MaskFilter maskfilter)

详解Paint的setMaskFilter(MaskFilter maskfilter)

一、setMaskFilter(MaskFilter maskfilter)

setMaskFilter(MaskFilter maskfilter)是paint中的方法，它可以用来对图像进行一定的处理。这个方法需要传入一个MaskFilter对象。但MaskFilter类中没有任何实现方法，所以我们就要认识下它的两个子类BlurMaskFilter和EmbossMaskFilter，前者为模糊遮罩滤镜而后者为浮雕遮罩滤镜。

 

二、BlurMaskFilter

2.1 初识

我们在之前的cardView中讲解到cardview可以设置阴影效果，我先摆出之前文章的图片。

使用BlurMaskFilter可以轻松实现上面的阴影效果。

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        mPaint.setColor(Color.RED);
        // 设置画笔遮罩滤镜  ,传入度数和样式
        mPaint.setMaskFilter(new BlurMaskFilter(20, BlurMaskFilter.Blur.SOLID));
        // 画一个矩形  
        canvas.drawRect(200, 200, 600, 600, mPaint);  
    }

说明：这个方法已经被标注为过时的方法了，如果你的应用启用了硬件加速，你是看不到任何阴影效果的。

如果在AndroidManifest.xml文件中关闭硬件加速那么我们整个应用都将不支持硬件加速，这显然是不科学的，如果可以只针对某个View关闭硬件加速那岂不是很好么？当然，Android也给我们提供了这样的功能，我们可以在View中通过：

setLayerType(LAYER_TYPE_SOFTWARE, null); 

来关闭单个View的硬件加速功能。

 

2.2 构造函数

BlurMaskFilter只有一个含参的构造函数

BlurMaskFilter(float radius, BlurMaskFilter.Blur style)

第一个参数：radius很容易理解，值越大我们的阴影越扩散，用过PS的人会很容易理解，其实就是阴影范围。

第二个参数：style表示的是模糊的类型，上面我们用到的是SOLID，其效果就是在图像的Alpha边界外产生一层与Paint颜色一致的阴影效果而不影响图像本身，除了SOLID还有三种，NORMAL,OUTER和INNER。我们来逐个看看效果：

SOLID

其效果就是在图像的Alpha边界外产生一层与Paint颜色一致的阴影效果而不影响图像本身。

 

因为阴影的颜色是从色块中取出的，也是红色的，所以你感觉不是很舒服，如果阴影是黑色的就好很多了。

 

NORMAL

会将整个图像模糊掉。

 

OUTER

会在Alpha边界外产生一层阴影且会将原本的图像变透明。

 

INNER

会在图像内部产生模糊。可以看见阴影在色块的内部，有种淡淡的浮雕感。

INNER效果其实并不理想，实际应用中我们使用的也少。

 

2.3 给图片添加阴影

BlurMaskFilter是根据Alpha通道的边界来计算模糊的，如果用它对图片进行处理，你会发现没有任何效果。那么我们如何给图片加一个类似阴影的效果呢？其实很简单，我们可以尝试从Bitmap中获取其Alpha通道，并在绘制Bitmap前先以该Alpha通道绘制一个模糊效果就就行了。最终效果就是阴影图片叠加到原图的下方。

@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        Bitmap srcBitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.kale);

        // 获取位图的Alpha通道图
        Bitmap shadowBitmap = srcBitmap.extractAlpha();

        mPaint.setColor(Color.DKGRAY);
        // 设置画笔遮罩滤镜 ,传入度数和样式
        mPaint.setMaskFilter(new BlurMaskFilter(10, BlurMaskFilter.Blur.NORMAL));

        // 先绘制阴影
        canvas.drawBitmap(shadowBitmap, 200, 200, mPaint);

        // 画原图
        canvas.drawBitmap(srcBitmap, 200, 200, null);
    }

如果你好奇，底部的阴影图片是什么样子的，我们就不绘制原图，仅仅绘制后面的阴影图片看看。

 

三、EmbossMaskFilter

3.1 初识

相对于之前的BlurMaskFilter来说，EmbossMaskFilter的可用性比较低，因为它实现的效果不是很霸气。正如其名，他可以实现一种类似浮雕的效果，说白了就是让你绘制的图像感觉像是从屏幕中“凸”起来更有立体感一样（在设计软件中类似的效果称之为斜面浮雕）。

 

3.2 构造函数

EmbossMaskFilter(float[] direction, float ambient, float specular, float blurRadius)

这里面的各种参数理解起来比较复杂，如果想要详细的了解可以去看：http://blog.csdn.net/aigestudio/article/details/41447349

我这里就不做什么说明了，因为做浮雕的画，找ps就好了。