概述
实现镂空字体用到的知识点是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();
}
}
后语
简单即高效,看到网上有的其他实现方式是通过绘制两张bitmap,一张绘制背景,一张绘制文字然后再组合来实现的,这种方式既复杂又低效(占用内存高)。当然我也提供了这种实现方式的代码,链接如下: