文字划掉效果-自定义Textview

来源：互联网发布：nginx 多域名配置文件编辑：程序博客网时间：2024/05/29 03:19

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

实现起来很简单，自写继承于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;    }    @Overrideprotected 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());}}

1 0