项目描述:

1.相机类app,toast需要在预览界面展示出来;

2.toast颜色纯白,有微微透明度。

探路过程:

1.查询各位前辈的实现方法,给自己来点启发,看完觉得都有点复杂,于是准备自己着手写一个;

2.镂空文本最重要就是使用图层叠加,从重叠区域着手;

3.学习Android Paint Xfermode,可以控制叠加区域的内容展示();

4.由于预览区域会有全是白色的情况,我们的设计还要求,镂空的文本后面还需要有一层背景,实现这个要求的方法是:

  叠加一个有透明度的背景图层,图层叠加的时候,将这个背景图层放在最下面就好;

代码实现思路:

1.继承TextView,重写onDraw方法;(也可以继承View,开销小,但是继承View自己要实现的东西太多,于是就使用了TextView);

2.在onDraw方法中,获取TextView的Paint,调用 

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT)),

 就可以在文字绘制的时候,擦除掉背景与文字重叠的区域,文本镂空就完成啦;

3.给镂空文本添加有透明度背景:

  镂空文本绘制完成以后,在cavas上绘制一个阴影图层,自己new一个paint,设置

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OVER)),

 然后用这个paint来绘制阴影层,这时候,这个阴影层就可以显示在镂空文本的底层,至此,就完成这个小需求的所有要求啦~

PorterDuff.Mode

android paint设置文案加粗 手机版painter加文本_Android

DST_OUT:只在源图像和目标图像不相交的地方绘制【目标图像】,在相交的地方根据源图像的alpha进行过滤,源图像完全不透明则完全过滤,完全透明则不过滤

DST_OVER:将目标图像放在源图像上方

以下是源代码,今天我自己重新写了一次,没有验证

public class HollowTextView extends AppCompatTextView {

    private Paint paint;

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

    public HollowTextView(Context context, @android.support.annotation.Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public HollowTextView(Context context, @android.support.annotation.Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        this.getPaint().setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
        paint = new Paint();
        paint.setColor(Color.parseColor("#22000000"));
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OVER));
        canvas.drawRect(0, 0, canvas.getWidth(), canvas.getHeight(), paint);
    }
}

 当时我们的toast有指定单行文本固定高度,在适配这个高度的时候,使用.9图的时候遇到了一个小坑,下次找时间记录一下下这个小坑~~