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

时间:2023-03-09 19:35:53
自定义控件详解(六):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(); //画笔粗细
paint.setTextSize(); //绘制文字大小,单位px
//第一个参数是模糊半径,第二个参数是模糊的模式 bmf = new BlurMaskFilter(4f,BlurMaskFilter.Blur.NORMAL);
paint.setMaskFilter(bmf);
canvas.drawText("这是内外模糊的效果", , , paint); bmf = new BlurMaskFilter(4f,BlurMaskFilter.Blur.OUTER);
paint.setMaskFilter(bmf);
canvas.drawText("这是外部模糊的效果", , , paint); bmf = new BlurMaskFilter(4f,BlurMaskFilter.Blur.INNER);
paint.setMaskFilter(bmf);
canvas.drawText("这是内部模糊的效果", , , paint); bmf = new BlurMaskFilter(4f,BlurMaskFilter.Blur.SOLID);
paint.setMaskFilter(bmf);
canvas.drawText("这是内部加粗、外部模糊的效果", , , paint);
setLayerType(View.LAYER_TYPE_SOFTWARE, null); //关闭硬件加速 }
}

效果图:

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

看一下核心代码:

new BlurMaskFilter(4f,BlurMaskFilter.Blur.NORMAL);
两个参数:
、模糊的半径
、模糊的类型
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[]{ , , }; // 设置光源的方向
float light = 0.4f; //设置环境光亮度
float specular = ; // 定义镜面反射系数
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(); //绘制文字大小,单位px
paint.setStrokeWidth(); //画笔粗细
paint.setMaskFilter(emboss); paint.setMaskFilter(emboss);
canvas.drawText("这是浮雕效果~", , , paint); setLayerType(View.LAYER_TYPE_SOFTWARE, null); //关闭硬件加速
}
}

效果图:

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

核心代码:

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);