目前相关文字下方添加虚线的文章非常少,备选方案有:
- 文字下方添加一个drawable实现虚线样式
- 通过spannable方案自定义
- 通过textview的getpaint实现
- 实现自定义并绘制
最后还是选择第四种方案,因为前三种方案基本没有相关参数能设置虚线,第一种能实现,但是无法判断当前文字长度,很难控制虚线绘制长度,如果采用点9,会导致拉伸问题。废话不多说了,直接上代码。
1)自定义DashTextView继承TextView.如果有实现换肤功能的朋友,TextView替换成SkinCompatTextView如下
public class DashTextView extends SkinCompatTextView {
复制代码
2)先初始化画笔,并设置虚线离文字的间距。画笔样式就不多说了,颜色,线条粗细,虚线长短和间隙等。
private void initPaint(){
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
//默认使用textview当前颜色
mPaint.setColor(getResources().getColor(color));
mPaint.setStrokeWidth(3);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setPathEffect(new DashPathEffect(new float[] {5, 5}, 0));
mPath = new Path();
//设置虚线距离
setPadding(0,0,0,3);
}复制代码
3)绘制线条
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
setLayerType(LAYER_TYPE_SOFTWARE, null);
int centerY = getHeight();
mPath.reset();
mPath.moveTo(0, centerY);
mPath.lineTo(getWidth(), centerY);
canvas.drawPath(mPath, mPaint);
}复制代码
将画笔moveTo坐标x=0,y=getHeight()处,通过lineTo标记画线终点x=getWidth(),y不变。最后直接drawPath基本告成。
看似完美,但是有一个问题显露出来,就是