自定义控件详解(六):Paint 画笔MaskFilter过滤

首先看一个API:setMaskFilter(MaskFilter maskfilter):

设置MaskFilter,可以用不同的MaskFilter实现滤镜的效果,如滤化,立体等。

以下有两个MaskFilter的子类可供选择:

BlurMaskFilter:指定了一个模糊的样式和半径来处理Paint的边缘。

EmbossMaskFilter:指定了光源的方向和环境光强度来添加浮雕效果。

下面用Demo来看效果:

一、BlurMaskFilter(模糊效果)

public class XBlurMaskFilterView extends View {
  
    public XBlurMaskFilterView(Context context) {
        super(context);
    }

    public XBlurMaskFilterView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public XBlurMaskFilterView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(Canvas canvas) {

        BlurMaskFilter bmf = null;
        Paint paint=new Paint();
        paint.setColor(Color.RED);         //画笔颜色
        paint.setStyle(Paint.Style.FILL);  //画笔风格
        paint.setAntiAlias(true);          //抗锯齿
        paint.setStrokeWidth(4);           //画笔粗细
        paint.setTextSize(60);             //绘制文字大小,单位px
        //第一个参数是模糊半径,第二个参数是模糊的模式

        bmf = new BlurMaskFilter(4f,BlurMaskFilter.Blur.NORMAL);
        paint.setMaskFilter(bmf);
        canvas.drawText("这是内外模糊的效果", 100, 100, paint);

        bmf = new BlurMaskFilter(4f,BlurMaskFilter.Blur.OUTER);
        paint.setMaskFilter(bmf);
        canvas.drawText("这是外部模糊的效果", 100, 200, paint);

        bmf = new BlurMaskFilter(4f,BlurMaskFilter.Blur.INNER);
        paint.setMaskFilter(bmf);
        canvas.drawText("这是内部模糊的效果", 100, 300, paint);

        bmf = new BlurMaskFilter(4f,BlurMaskFilter.Blur.SOLID);
        paint.setMaskFilter(bmf);
        canvas.drawText("这是内部加粗、外部模糊的效果", 100, 400, paint);
        setLayerType(View.LAYER_TYPE_SOFTWARE, null);     //关闭硬件加速

    }
}

效果图:

看一下核心代码:

new BlurMaskFilter(4f,BlurMaskFilter.Blur.NORMAL);
两个参数:
1、模糊的半径
2、模糊的类型
BlurMaskFilter.Blur.NORMAL:内外模糊
BlurMaskFilter.Blur.OUTER:外部模糊
BlurMaskFilter.Blur.INNER:内部模糊
BlurMaskFilter.Blur.SOLID:内部加粗,外部模糊

二、EmbossMaskFilter(浮雕效果)

public class XEmbossMaskFilterView extends View {

    public XEmbossMaskFilterView(Context context) {
        super(context);
    }

    public XEmbossMaskFilterView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public XEmbossMaskFilterView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        float[] direction = new float[]{ 1, 1, 3 };   // 设置光源的方向
        float light = 0.4f;     //设置环境光亮度
        float specular = 8;     // 定义镜面反射系数
        float blur = 6.0f;      //模糊半径
        EmbossMaskFilter emboss=new EmbossMaskFilter(direction,light,specular,blur);

        Paint paint = new Paint();
        paint.setAntiAlias(true);          //抗锯齿
        paint.setColor(Color.RED);//画笔颜色
        paint.setStyle(Paint.Style.FILL);  //画笔风格
        paint.setTextSize(120);             //绘制文字大小,单位px
        paint.setStrokeWidth(14);           //画笔粗细
        paint.setMaskFilter(emboss);

        paint.setMaskFilter(emboss);
        canvas.drawText("这是浮雕效果~", 50, 100, paint);


        setLayerType(View.LAYER_TYPE_SOFTWARE, null);     //关闭硬件加速
    }
}

效果图:

 核心代码:

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

参数意义:
direction:浮点型数组,用于控制x,y,z轴的光源方向
ambient:设置环境光亮度,0到1之间
specular:镜面反射系数
blurRadius:模糊半径

注意点:

在使用MaskFilter的时候要注意,当我们的targetSdkVersion >= 14的时候,MaskFilter 就不会起效果了,这是因为Android在API 14以上版本都是默认开启硬件加速的,这样充分 利用GPU的特性,使得绘画更加平滑,但是会多消耗一些内存。所以我们把硬件加速关了,可以在不同级别下打开或者关闭硬件加速。

Application:在配置文件的application节点添加: android:hardwareAccelerated="true"
Activity:在配置文件的activity节点添加 android:hardwareAccelerated="false"
View:可以获得View对象后调用,或者直接在View的onDraw()方法里设置: view.setLayerType(View.LAYER_TYPE_HARDWARE, null);

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏技术小黑屋

自定义View:Padding与绘制内容

有些时候,扩展Android框架提供的view并不能很好地解决问题。很多情况下,我们需要进行view绘制来实现想要的效果。本文我们将介绍如何使用Canvas绘制...

562
来自专栏androidBlog

Android 圆形头像的两种实现方式

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/de...

610
来自专栏我就是马云飞

我奶奶都能懂的UI绘制流程(下)!

前言 上回咱们说到ViewRootImpl.performTraversals()这个方法,从这里开始,会进入真正的View的绘制流程。第一次看的同学先去隔壁我...

17510
来自专栏Android机器圈

Achartengine.jar绘制动态图形一 --饼图

PS:我们在做安卓程序的时候,免不了会做一些图形,自己可以选择自定义view ,就是用Canvas画,也可以用写好的jar包,就是achartengine.ja...

3758
来自专栏算法修养

Lucene.net(4.8.0) 学习问题记录一:分词器Analyzer的构造和内部成员ReuseStategy

前言:目前自己在做使用Lucene.net和PanGu分词实现全文检索的工作,不过自己是把别人做好的项目进行迁移。因为项目整体要迁移到ASP.NET Core ...

3305
来自专栏潇涧技术专栏

Android Heroes Reading Notes 3

《Android群英传》读书笔记 (3) 第六章 Android绘图机制与处理技巧 + 第七章 Android动画机制与使用技巧

492
来自专栏向治洪

android SurfaceView绘制实现原理解析

在Android系统中,有一种特殊的视图,称为SurfaceView,它拥有独立的绘图表面,即它不与其宿主窗口共享同一个绘图表面。由于拥有独立的绘图表面,因此...

6006
来自专栏Android干货

Android项目实战(二十三):仿QQ设置App全局字体大小

4437
来自专栏项勇

笔记11 | 动态设置TextView的字体大小

1676
来自专栏技术小黑屋

WebView处理网页位置请求

随着移动设备的激增,LBS(Location Based Service)已然成为趋势,其最关键的还是获取设备的位置信息。native代码获取位置信息轻轻松松可...

691

扫码关注云+社区