creating a strikethrough text?

Question

Can I create a strikethrough text in Android, I mean adding a special value in the TextView tag that can make this possible?

<TextView
    android:id="@+id/title" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:textColor="#040404"
    android:typeface="sans" 
    android:textSize="12dip"
    android:textStyle="bold"/>

Try this http://stackoverflow.com/questions/3881553/is-there-an-easy-way-to-strike-through-text-in-an-app-widget — Sanjay Kumar, Feb 09 '14 at 09:23

score 351 · Answer 1 · edited Mar 13 '23 at 06:42

351

You can use the following code copied from another Stack Overflow answer:

TextView someTextView = (TextView) findViewById(R.id.some_text_view);
someTextView.setText(someString);
someTextView.setPaintFlags(someTextView.getPaintFlags() | Paint.STRIKE_THRU_TEXT_FLAG);

See also Paint.STRIKE_THRU_TEXT_FLAG:

For painting text, there are several bit flags for doing things like bold, italics, and yes strikethrough. So to enable the strikethrough, you need to flip the bit that corresponds to this flag. The easiest way to do this is to use a bitwise-or on the current flags and a constant that corresponds to a set of flags with only the strikethrough flag enabled.

Edit from Comment by Ε Г И І И О :

For any one wanting to remove this flag, this is how:

someTextView.setPaintFlags(someTextView.getPaintFlags() & (~Paint.STRIKE_THRU_TEXT_FLAG));

edited Mar 13 '23 at 06:42

sideshowbarker

81,827
26
193
197

answered Mar 20 '12 at 12:20

3

it really works, but can i change its properities i mean its size, its color something like that – nawfal cuteberg Mar 20 '12 at 12:35
nawfal cuteberg, sure you can ;) – lomza Feb 08 '13 at 13:31
127

For any one wanting to remove this flag, this is how: `someTextView.setPaintFlags(someTextView.getPaintFlags() & (~Paint.STRIKE_THRU_TEXT_FLAG));` – Ε Г И І И О Jul 11 '13 at 17:49
1

@ΕГИІИО what does the ~ symbol mean? – Mathieu Castets Oct 25 '13 at 15:59
2

@BobbyJackson, that is the unary bitwise complement operator. – Ε Г И І И О Oct 31 '13 at 05:32
3

@ΕГИІИО it reverts all the bits. so let's say strike_thru is 00100, then ~ does 11011. If you then & it with the existing flags, it will keep all the original flags but unset the strike_thru bit – Boy Jun 07 '18 at 12:21
how to strike thru a specific word? Ex: "I will be back". Here I want to just strike thru only "back". Is it possible? – Tushar Monirul Sep 09 '18 at 08:01
@ΕГИІИО Resetting works only the first time. After that nothing happens – Yannick Dec 31 '18 at 12:13
I tried unstrike back using. TextView.setPaintFlags(0);works fine. – harikrishnan Dec 18 '19 at 09:55
1

As Kotlin extension function: fun TextView.strikeThrough(enable: Boolean) { paintFlags = if (enable) { (paintFlags or Paint.STRIKE_THRU_TEXT_FLAG) } else { paintFlags and Paint.STRIKE_THRU_TEXT_FLAG.inv() } } – Alejandro H. Cruz Apr 13 '20 at 13:37

score 44 · Answer 2 · answered Sep 15 '18 at 11:59

44

If you are using Kotlin:

your_text_view.apply {
    paintFlags = paintFlags or Paint.STRIKE_THRU_TEXT_FLAG
    text = "Striked thru text"
}

answered Sep 15 '18 at 11:59

bko

1,038
1
9
17

12

And to undo it: `paintFlags = paintFlags and Paint.STRIKE_THRU_TEXT_FLAG.inv()` – reVerse Jan 06 '19 at 12:41

score 42 · Answer 3 · answered Jun 07 '14 at 00:35

42

It is really easy if you are using strings:

<string name="line"> Not crossed <strike> crossed </strike> </string>

And then just:

<TextView 
        ...
         android:text="@string/line"
 />

answered Jun 07 '14 at 00:35

Ignacio Alorre

7,307
8
57
94

this didn't show as a strikethrough in the ui editor, but it does strike the text on the device – yarell Jul 28 '17 at 19:20
1

This may (and likely will) fail in API 21+ – Martin Marconcini Aug 25 '17 at 00:14
This answer has 3 years. I am not sure if it is necessary to edit answers explaining until what API or version are useful. If there is any rule in stackoverflow which at least recommed it, I will do it without problems. – Ignacio Alorre Aug 25 '17 at 05:53
3

This worked in every API level that I've tested on (tested on 15, 25, and 27) – Randy Jan 15 '18 at 02:54
Some devices don't honor things like this or the underline – James Riordan Apr 22 '20 at 16:09

score 41 · Answer 4 · edited Dec 18 '19 at 16:16

You can do this in three ways, by either setting foreground in TextView or setting PaintFlag or declaring a string as <strike>your_string</strike> in strings.xml. For example,

Through PaintFlag

This is the simplest method you just have to set strikethrough flag on your TextView as,

yourTextView.setPaintFlags(Paint.STRIKE_THRU_TEXT_FLAG);

it will strike through your TextView.

Through foreground drawable(Works only for API 23+)

If your minSdkVersion is API version 23 +, then you can strike through your TextView by setting a foreground as,

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false">
        <shape android:shape="line">
            <stroke android:width="1dp" android:color="@android:color/holo_red_dark"/>
        </shape>
    </item>
</selector>

Now, you just have to set above drawable in your TextView as foreground. For example,

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Your Textview with StrikeThrough"
    android:foreground="@drawable/strikethrough_foreground" />  <!-- this is available above --!>

Through strings.xml

In this method, you have to declare your string in strings.xml as strike through as,

<string name="strike_line"> <strike>This line is strike throughed</strike></string>

Note

But I recommend you to strike through your TextView by setting foreground drawable. Because through drawable you can easily set your strike-through line color(as like I set as red color in above example) or size or any other style property. While in the other two methods default text color is strikethrough color.

score 21 · Answer 5 · answered Mar 20 '12 at 12:18

try this :

richTextView = (TextView)findViewById(R.id.rich_text);  

    // this is the text we'll be operating on  
    SpannableString text = new SpannableString("Lorem ipsum dolor sit amet");  

    text.setSpan(new ForegroundColorSpan(Color.RED), 0, 5, 0);  

    // make "ipsum" (characters 6 to 11) one and a half time bigger than the textbox  
    text.setSpan(new RelativeSizeSpan(1.5f), 6, 11, 0);  

    // make "dolor" (characters 12 to 17) display a toast message when touched  
    final Context context = this;  
    ClickableSpan clickableSpan = new ClickableSpan() {  
        @Override  
        public void onClick(View view) {  
            Toast.makeText(context, "dolor", Toast.LENGTH_LONG).show();  
        }  
    };  
    text.setSpan(clickableSpan, 12, 17, 0);  

    // make "sit" (characters 18 to 21) struck through  
    text.setSpan(new StrikethroughSpan(), 18, 21, 0);  

    // make "amet" (characters 22 to 26) twice as big, green and a link to this site.  
    // it's important to set the color after the URLSpan or the standard  
    // link color will override it.  
    text.setSpan(new RelativeSizeSpan(2f), 22, 26, 0);  
    text.setSpan(new URLSpan("http://www.djsad.com"), 22, 26, 0);  
    text.setSpan(new ForegroundColorSpan(Color.GREEN), 22, 26, 0);  

    // make our ClickableSpans and URLSpans work  
    richTextView.setMovementMethod(LinkMovementMethod.getInstance());  

    // shove our styled text into the TextView          
    richTextView.setText(text, BufferType.SPANNABLE);

score 15 · Answer 6 · edited May 23 '17 at 12:18

I am just copying my answer. Hope it will help for someone If you have a single word we can use drawable. Following is the example:

<item android:state_pressed="false"><shape android:shape="line">
        <stroke android:width="2dp" android:color="#ffffff" />
    </shape>
</item>

if you have multiple lines you can use the following code:

TextView someTextView = (TextView) findViewById(R.id.some_text_view);
someTextView.setText(someString);
someTextView.setPaintFlags(someTextView.getPaintFlags() | Paint.STRIKE_THRU_TEXT_FLAG)

score 15 · Answer 7 · answered Nov 02 '20 at 15:51

In Kotlin you can create extension property:

inline var TextView.strike: Boolean
    set(visible) {
        paintFlags = if (visible) paintFlags or Paint.STRIKE_THRU_TEXT_FLAG
        else paintFlags and Paint.STRIKE_THRU_TEXT_FLAG.inv()
    }
    get() = paintFlags and Paint.STRIKE_THRU_TEXT_FLAG == Paint.STRIKE_THRU_TEXT_FLAG

And use:

textView.strike = true

score 10 · Answer 8 · answered Apr 30 '19 at 06:59

This fits nicely into databinding:

@BindingAdapter("strikethrough")
@JvmStatic
fun strikethrough(view: TextView, show: Boolean) {
    view.paintFlags = if (show) {
        view.paintFlags or STRIKE_THRU_TEXT_FLAG
    } else {
        view.paintFlags and Paint.STRIKE_THRU_TEXT_FLAG.inv()
    }
}

Then in your xml:

    <TextView
        android:id="@+id/line_item_name"
        android:textAppearance="?attr/textAppearanceBody2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Club sandwich with ranch dressing"
        app:strikethrough="@{viewModel.isItemChecked}"/>

score 8 · Answer 9 · answered Mar 26 '18 at 10:02

Just use this and you are done . For Activity :

TextView t= (TextView).findViewById(R.id.thousand));
t.setPaintFlags(t.getPaintFlags() | Paint.STRIKE_THRU_TEXT_FLAG);

For Xml :

<RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/text_view_original_cash_amount"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="5dp"
                android:textColor="@android:color/darker_gray"
                android:text="Rs. 1,999"/>

            <View
                android:layout_width="wrap_content"
                android:layout_height="1dp"
                android:background="@android:color/darker_gray"
                android:layout_centerVertical="true"
                android:layout_alignStart="@id/text_view_original_cash_amount"
                android:layout_alignEnd="@id/text_view_original_cash_amount"
                android:layout_alignLeft="@id/text_view_original_cash_amount"
                android:layout_alignRight="@id/text_view_original_cash_amount" /> 
</RelativeLayout>

But this `XML` solution isn't too much complex, I mean for every textview you have to add an extra relative layout and a view. — Aditya, Aug 07 '18 at 02:54
For now , i have only this solution , if i get another solution . I must share with you . — Hanisha, Aug 11 '18 at 07:18

score 5 · Answer 10 · answered Mar 29 '21 at 07:08

5

In kotlin:

to do:

textView.paintFlags= textView.paintFlags or Paint.STRIKE_THRU_TEXT_FLAG

to undo:

textView.paintFlags= textView.paintFlags and Paint.STRIKE_THRU_TEXT_FLAG.inv()

answered Mar 29 '21 at 07:08

Rasel

5,488
3
30
39

score 4 · Answer 11 · answered Sep 07 '21 at 16:38

As suggested by alejandro-h-cruz, this is the Kotlin extension function to help doing so.

    private fun TextView.strikeThrough(shouldStrike: Boolean) {
        paintFlags = if (shouldStrike) {
            paintFlags or Paint.STRIKE_THRU_TEXT_FLAG
        } else {
            paintFlags and Paint.STRIKE_THRU_TEXT_FLAG.inv()
        }
    }

score 3 · Answer 12 · answered Jan 16 '18 at 22:34

3

I tried few options above but, this works best for me:

String text = "<strike><font color=\'#757575\'>Some text</font></strike>";
textview.setText(Html.fromHtml(text));

cheers

answered Jan 16 '18 at 22:34

Milos Simic Simo

159
2
5

The HTML presentational inline element for strikethrough is or This element was, however, deprecated in the 1999 HTML 4.01 standard, and replaced by the tag, a semantic element representing deleted text, which user agents (typically web browsers) often render as a strikethrough.[3][4] https://en.wikipedia.org/wiki/Strikethrough Though not ~~not ~~works for me~~~~ – lxknvlk Oct 10 '18 at 16:44

score 1 · Answer 13 · answered Dec 06 '22 at 20:39

There's another way to change the STRIKE_THRU_TEXT_FLAG bit.

It's by getting the Paint object associated to the TextView and using the setStrikeThruText function like this:

textView.getPaint().setStrikeThruText(/* boolean expression */);

Documentation says about it:

Helper for setFlags(), setting or clearing the STRIKE_THRU_TEXT_FLAG bit

There are functions for setting, clearing or reading other bits too.

score 0 · Answer 14 · answered Apr 02 '20 at 11:37

In your observable view model

fun getStrikeContent(): String {
    return "Hello"
}


 companion object {
    @BindingAdapter("strike")
    @JvmStatic
    fun loadOldPrice(view: TextView, value: String) {
        view.text = value
        view.paintFlags = STRIKE_THRU_TEXT_FLAG
    }
}

then in your xml

     <TextView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         app:strike="@{itemViewModel.strikeContent}" />

creating a strikethrough text?

14 Answers14

Linked

Related