目前相关文字下方添加虚线的文章非常少,备选方案有:
- 文字下方添加一个drawable实现虚线样式
- 通过spannable方案自定义
- 通过textview的getpaint实现
- 实现自定义并绘制
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);
}复制代码
将画笔