android超简单方式实现镂空字体TextView_textview空心字体

概述

实现镂空字体用到的知识点是PorterDuffXfermode，它的作用是可以决定多个图像叠加时的显示模式。关于PorterDuffXfermode的一些说明可以参考下这篇文章：
android画图之paint之setXfermode

实现

废话不多说，先上效果图：

实现方式也很简单，直接通过自定义控件继承TextView改造下TextView的Ondraw方法，代码不过十几行，超级简单，拿来即用。我直接贴下代码，看注释就可以明白：

public class HollowTextView extends AppCompatTextView {
    private Paint mPaint;
    private PorterDuffXfermode mPorterDuffXfermode;

    public HollowTextView(Context context) {
        this(context,null);
    }

    public HollowTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(Color.WHITE);
        mPorterDuffXfermode = new PorterDuffXfermode(PorterDuff.Mode.CLEAR );
        //使用DST_OUT和XOR模式也可以实现镂空字体
        //mPorterDuffXfermode = new PorterDuffXfermode(PorterDuff.Mode.DST_OUT);
        //mPorterDuffXfermode = new PorterDuffXfermode(PorterDuff.Mode.XOR);
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        //需要在新的图层上绘制，绘制完后再再叠加到旧的图层上。
        canvas.saveLayer(0,0,canvas.getWidth(),canvas.getHeight(), null, Canvas.ALL_SAVE_FLAG);
        canvas.drawRect(0,0,canvas.getWidth(),canvas.getHeight(),mPaint);
        getPaint().setXfermode(mPorterDuffXfermode);
        super.onDraw(canvas);
        canvas.restore();
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

后语

简单即高效，看到网上有的其他实现方式是通过绘制两张bitmap，一张绘制背景，一张绘制文字然后再组合来实现的，这种方式既复杂又低效（占用内存高）。当然我也提供了这种实现方式的代码，链接如下：

HollowTextViewV2