add diagonal strike through text

Question

I am developing an math app where i need to strike the text with diagonal line,if i use strike-through-text the line appears horizontal ,i can't use draw-able because I am already using it for text view background i tried even creating a diagonal line in drawable file with borders ,but no luck I can't do it. Is there anyway to achieve this? I am attaching my text view background file

    <?xml version="1.0" encoding="utf-8" ?>
  <shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:thickness="0dp"
   android:shape="rectangle">
 <stroke android:width="3dp"
  android:color="#4799E8"/>
 <corners android:radius="5dp" />
  <gradient
    android:startColor="#ffffff"
   android:endColor="#FFFFFF"
   android:type="linear"
   android:angle="270"/> 
  </shape>

score 3 · Accepted Answer · edited May 23 '17 at 12:17

You will have to create custom TextView which can achieve this.

This answer will help you create it.

public class ObliqueStrikeTextView extends TextView
{
    private int dividerColor;
    private Paint paint;

    public ObliqueStrikeTextView(Context context)
    {
        super(context);
        init(context);
    }

    public ObliqueStrikeTextView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        init(context);
    }

    public ObliqueStrikeTextView(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
        init(context);
    }

    private void init(Context context)
    {
        Resources resources = context.getResources();
        //replace with your color
        dividerColor = resources.getColor(R.color.black);

        paint = new Paint();
        paint.setColor(dividerColor);
        //replace with your desired width
        paint.setStrokeWidth(resources.getDimension(R.dimen.vertical_divider_width));
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
        canvas.drawLine(0, getHeight(), getWidth(), 0, paint);
    }
}

You can use it in a layout file by fully qualifying the view with your package, like this:

<your.package.name.ObliqueStrikeTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1234567890"
        android:textSize="20sp"/>

Thanks nakul,but I need to strike the text when the button is clicked ,so how i call the obliqueStrike Text view programatically. Before clicking the text should be normal..Please help me out.. — Surendra Bharathi, Dec 05 '16 at 05:40
a simple option would be hide/show normal and strike TextView, on click of button. — Nakul, Dec 05 '16 at 09:08
hello nakul ,i am trying ObliqueStrike text view but unforutunately I cant display it i show my part of my code..can u find out the error . — Surendra Bharathi, Dec 23 '16 at 09:23
you can always ask a new question with relevant code... :) You don't need me for it :) — Nakul, Dec 23 '16 at 11:53

score 1 · Answer 2 · answered Aug 17 '18 at 07:40

I just want to add a slight modification in @Nakul's answer which is that you don't need to define static dimension for the length of strike through, you can get the width of textview itself.

public class ObliqueStrikeTextView extends TextView
{
    private int dividerColor;
    private Paint paint;

    public ObliqueStrikeTextView(Context context)
    {
        super(context);
        init(context);
    }

    public ObliqueStrikeTextView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        init(context);
    }

    public ObliqueStrikeTextView(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
        init(context);
    }

    private void init(Context context)
    {
        Resources resources = context.getResources();
        //replace with your color
        dividerColor = resources.getColor(R.color.black);

        paint = new Paint();
        paint.setColor(dividerColor);
        //replace with your desired width
          /*Modification*/
        //Instead of providing static width you can pass the width of textview itself like this
        paint.setStrokeWidth(this.getWidth());
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
        canvas.drawLine(0, getHeight(), getWidth(), 0, paint);
    }
}

score 0 · Answer 3 · answered Sep 17 '19 at 11:29

In Kotlin

public class ObliqueStrikeTextView : TextView {


private var dividerColor: Int = 0
private lateinit var paint: Paint

constructor(context: Context) : super(context) {
    init(context)
}

constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {
    init(context)
}

constructor(context: Context, attrs: AttributeSet, defStyle: Int) : super(context, attrs, defStyle) {
    init(context)
}

private fun init(context: Context) {
    val resources = context.resources
    //replace with your color
    dividerColor = resources.getColor(R.color.black)

    paint = Paint()
    paint.apply {
        color = dividerColor
        //replace with your desired width
        strokeWidth = resources.getDimension(width)
    }

}

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)
    if(::paint.isInitialized){
        canvas.drawLine(0.0f, height.toFloat(), width.toFloat(), 0.0f, paint)
    }
}
}

score 0 · Answer 4 · answered Dec 23 '19 at 20:20

Here's a slimmed down version of @sunil's answer above. Also, I changed the angle of the strikethrough line to make it look a bit better on TextViews.

class ObliqueStrikeTextView @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyle: Int = 0)
    : TextView(context, attrs, defStyle) {

    private var dividerColor: Int = 0
    private var paint: Paint

    init {
        dividerColor = ContextCompat.getColor(context, R.color.redCarnation)
        paint = Paint().apply {
            color = dividerColor
            strokeWidth = resources.getDimension(R.dimen.strikethrough_line_width)
        }
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)

        //reduce angle by 20%
        val startY = height * 0.8f
        val stopY = height - startY
        canvas.drawLine(0.0f, startY, width.toFloat(), stopY, paint)
    }
}

add diagonal strike through text

4 Answers4

Linked