文字划掉效果-自定义Textview

最新推荐文章于 2024-05-29 00:56:25 发布

duguju

最新推荐文章于 2024-05-29 00:56:25 发布

阅读量1.1w

点赞数 3

分类专栏： Android 文章标签： textview 文字划掉自定义控件

本文链接：https://blog.youkuaiyun.com/duguju/article/details/50537135

版权

Android 专栏收录该内容

20 篇文章

订阅专栏

实际项目中可能需要给文字加一道划线/斜线的效果，比如要显示原价格和优惠价格，这时在原价格文本上加一条斜线会更方便人理解，如图：

实现起来很简单，自写继承于TextView的类，然后重写onDraw(Canvas canvas)方法即可。

因为入参是canvas，自带的super.onDraw(canvas)语句是执行父类的绘制流程，即正常显示文本；由于我们是对原功能进行的的额外扩展操作（当然，要是实现的效果需要对原来进行修改而不是扩展就需要屏蔽掉super.onDraw(canvas)这句而自己写绘制流程），因此只要在这句之后加上画斜线的操作就好了。

画斜线的实现主要调用的是canvas.drawLine(startX, startY, stopX, stopY, paint)方法，其中前4个参数用来定位线的起始和结束位置，参数paint对象用来设置线的颜色、粗细等属性，可根据实际需要进行调整。

自定义类代码：

public class MyElideTextView extends TextView {
	
	private Context context;

	public MyElideTextView(Context context) {
		super(context);
		this.context = context;
	}
	
	public MyElideTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
    }


    public MyElideTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        this.context = context;
    }
    
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		Paint paint = new Paint();
		paint.setColor(Color.GRAY);
		paint.setStrokeWidth(dip2px(context, 1));
		canvas.drawLine(0, dip2px(context, 5),getMeasuredWidth(), getMeasuredHeight()-dip2px(context, 5), paint);
	}
	
	private int dip2px(Context context,float dipValue) 
	{
		Resources r = context.getResources();
		return (int) TypedValue.applyDimension(
				TypedValue.COMPLEX_UNIT_DIP, dipValue, r.getDisplayMetrics());
	}

}