creando un texto tachado?

128

¿Puedo crear un texto tachado en Android, quiero decir, agregar un valor especial en la TextViewetiqueta que lo haga posible?

<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"/>
nawfal cuteberg
fuente

Respuestas:

311

Paint.STRIKE_THRU_TEXT_FLAG

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

Para pintar texto, hay varias marcas de bits para hacer cosas como negrita, cursiva y tachado. Entonces, para habilitar el tachado, debe voltear el bit que corresponde a esta bandera. La forma más fácil de hacer esto es usar un indicador bit a bit o en los indicadores actuales y una constante que corresponde a un conjunto de indicadores con solo el indicador de tachado habilitado.

Editar de comentario por Ε Г И І И О :

Para cualquiera que quiera eliminar esta bandera, así es como:

someTextView.setPaintFlags(someTextView.getPaintFlags() & (~Paint.STRIKE_THRU_TEXT_FLAG));
hovanessyan
fuente
2
realmente funciona, pero puedo cambiar sus properities me refiero a su tamaño, su color algo por el estilo
nawfal cuteberg
122
Para cualquiera que quiera eliminar esta bandera, así es como:someTextView.setPaintFlags(someTextView.getPaintFlags() & (~Paint.STRIKE_THRU_TEXT_FLAG));
Ε Г И І И О
1
@ ΕГИІИО ¿Qué significa el símbolo ~?
Mathieu Castets
2
@BobbyJackson, ese es el operador unario de complemento bit a bit.
Ε Г И І И О
3
@ ΕГИІИО revierte todos los bits. digamos que strike_thru es 00100, entonces ~ hace 11011. Si lo haces con las banderas existentes, mantendrá todas las banderas originales pero deshabilitará el bit strike_thru
Boy
32

Es realmente fácil si está utilizando cadenas:

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

Y luego solo:

<TextView 
        ...
         android:text="@string/line"
 />
Ignacio Alorre
fuente
este no se presentó como un tachado en el editor de interfaz de usuario, pero lo hace golpear el texto en el dispositivo
yarell
1
Esto puede (y probablemente fallará) en API 21+
Martin Marconcini
Esta respuesta tiene 3 años. No estoy seguro de si es necesario editar las respuestas explicando hasta qué API o versión son útiles. Si hay alguna regla en stackoverflow que al menos lo recomiende, lo haré sin problemas.
Ignacio Alorre
3
Esto funcionó en todos los niveles de API en los que he probado (probado en 15, 25 y 27)
Randy
Algunos dispositivos no honran cosas como esta o el subrayado
James Riordan
26

Si está usando Kotlin:

your_text_view.apply {
    paintFlags = paintFlags or Paint.STRIKE_THRU_TEXT_FLAG
    text = "Striked thru text"
}
bko
fuente
55
Y para deshacer:paintFlags = paintFlags and Paint.STRIKE_THRU_TEXT_FLAG.inv()
inverso
25

Puede hacer esto de tres maneras, configurando el primer plano TextViewo configurando PaintFlago declarando una cadena como <strike>your_string</strike>en strings.xml. Por ejemplo,

A través de PaintFlag

Este es el método más simple, solo tiene que establecer una marca de tachado en su TextView como,

yourTextView.setPaintFlags(Paint.STRIKE_THRU_TEXT_FLAG);

golpeará a través de su TextView.

A través de primer plano dibujable (funciona solo para API 23+)

Si su minSdkVersion es API versión 23+, puede atravesar su TextView configurando un primer plano como,

<?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>

Ahora, solo tiene que establecer arriba dibujable en su TextView como foreground. Por ejemplo,

<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

En este método, debe declarar su cadena strings.xmlcomo tachado como,

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

Nota

Pero le recomiendo que atraviese TextView configurando dibujable en primer plano. Porque a través de dibujable puede configurar fácilmente el color de la línea de tachado (como lo establecí como color rojo en el ejemplo anterior) o el tamaño o cualquier otra propiedad de estilo. Mientras que en los otros dos métodos, el color de texto predeterminado es el color tachado.

Aditya S.
fuente
19

prueba esto :

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); 
ρяσѕρєя K
fuente
14

Solo estoy copiando mi respuesta . Espero que ayude a alguien. Si tiene una sola palabra, podemos usar dibujable. El siguiente es el ejemplo:

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

Si tiene varias líneas, puede usar el siguiente código:

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

Solo usa esto y listo. Para la actividad:

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

Para 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>
Hanisha
fuente
Solución ingeniosa
Nishant Shah
Pero esta XMLsolución no es demasiado compleja, quiero decir que para cada vista de texto, debe agregar un diseño relativo adicional y una vista.
Aditya S.
Por ahora, solo tengo esta solución, si obtengo otra solución. Debo compartir contigo.
Hanisha
6

Esto encaja muy bien en el enlace de datos:

@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()
    }
}

Luego en tu 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}"/>
Daniel Wilson
fuente
3

Probé algunas opciones anteriores, pero esto funciona mejor para mí:

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

salud

Milos Simic Simo
fuente
El elemento en línea de presentación HTML para tachado es <strike> o <s>. Sin embargo, este elemento fue desaprobado en el estándar HTML 4.01 de 1999 y reemplazado por la etiqueta <del>, un elemento semántico que representa el texto eliminado, que los agentes de usuario (normalmente navegadores web) a menudo se muestran como tachado. [3] [4] en.wikipedia.org/wiki/Strikethrough Aunque no <del> no <strike> funciona para mí
lxknvlk
0

En su modelo de vista observable

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
    }
}

entonces en tu xml

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