android - texto - Establecer Elipsis en TextView reduce las líneas mostradas por uno(en lugar de solo elipsis)

texto largo android studio

Question

cuando uso TextView con singleLine="true" y ellipsize="end" (mi Top TextView), funciona bien

pero en otro TextView tiene más de 1 línea (en mi caso, 3 líneas en mi TextView inferior), lines="3" and maxLines="3" and ellipsize="end", no funciona correctamente.

Cuando NO pongo ellipsize="end" en tvDesc, muestra 3 líneas, lo cual está bien. Aquí está el código: XML:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/imgv"
android:layout_width="65dp"
android:layout_height="80dp"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:src="@drawable/img1"
android:scaleType="fitXY" />
<TextView
android:id="@+id/tvTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/imgv"
android:background="@android:color/white"
android:textColor="@android:color/black"
android:text="Title testing line number and ellipsize at end"
android:maxLines="1"
android:singleLine="true"
android:ellipsize="end" <--- WORKS WELL
android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
android:id="@+id/tvDesc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/tvTitle"
android:layout_toRightOf="@+id/imgv"
android:layout_alignBottom="@+id/imgv"
android:layout_alignParentRight="true"
android:textSize="14dp"
android:lines="3"
android:maxLines="3"
<---------- WITHOUT ellipsize
android:text="I wanna this textview of having 3 lines and ellipsize at END and at this time I am Testing for it. This TextView shows 3 lines WITHOUT ellipsize property, but shows only 2 Lines when ELLIPSIZE property is setted"
android:textAppearance="?android:attr/textAppearanceMedium" />
</RelativeLayout>

El código anterior muestra TextView tvDesc con 3 líneas y sin elipsis. Aquí está la Imagen:

Pero, quiero elipsize, entonces uso el siguiente código : XML:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/imgv"
android:layout_width="65dp"
android:layout_height="80dp"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:src="@drawable/img1"
android:scaleType="fitXY" />
<TextView
android:id="@+id/tvTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/imgv"
android:background="@android:color/white"
android:textColor="@android:color/black"
android:text="Title testing line number and ellipsize at end"
android:maxLines="1"
android:singleLine="true"
android:ellipsize="end"
android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
android:id="@+id/tvDesc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/tvTitle"
android:layout_toRightOf="@+id/imgv"
android:layout_alignBottom="@+id/imgv"
android:layout_alignParentRight="true"
android:textSize="14dp"
android:lines="3"
android:maxLines="3"
android:ellipsize="end" <------ WITH ELLIPSIZE
android:text="I wanna this textview of having 3 lines and ellipsize at END and at this time I am Testing for it. This TextView shows 3 lines WITHOUT ellipsize property, but shows only 2 Lines when ELLIPSIZE property is setted"
android:textAppearance="?android:attr/textAppearanceMedium" />
</RelativeLayout>

Que muestra TextView tvDesc con solo 2 líneas y Ellipsize ,

que no está correctamente desmezclado UI, como Followin:

Quiero 3 líneas en TextView tvDesc con ellipsize

ALGUIEN PUEDE AYUDARME.?

Answer 1

Esta es, de lejos, la solución más simple que he encontrado y que estoy utilizando actualmente en la implementación. ¡Avíseme si necesita alguna otra ayuda!

Ah, y recuerde eliminar la etiqueta android:ellipsize en su XML ya que usará el código inferior para elipsar automáticamente al final de 3 líneas.

TextView snippet;
snippet.setText("loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor loren ipsum dolor ")
ViewTreeObserver vto = this.snippet.getViewTreeObserver();
vto.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
ViewTreeObserver obs = snippet.getViewTreeObserver();
obs.removeGlobalOnLayoutListener(this);
if (snippet.getLineCount() > 3) {
int lineEndIndex = snippet.getLayout().getLineEnd(2);
String text = snippet.getText().subSequence(0, lineEndIndex - 3) + "...";
snippet.setText(text);
}
}
});

Answer 2

Intentalo

tv.setSingleLine(false);
tv.setEllipsize(TextUtils.TruncateAt.END);
int n = 3; // the exact number of lines you want to display
tv.setLines(n);

refiérase a Programmatically create TextView con puntos suspensivos

Answer 3

Lo probé con maxLines y ellipsize en Android 7 y 8.

android:maxLines="3"
android:ellipsize="end"

La vista previa muestra 2 líneas y en la tercera línea "...".

Pero esto parece ser un error en la vista previa.

En el dispositivo, funciona bien, 3 líneas con texto, al final de la tercera línea "..."

Answer 4

Simplemente configure android:maxLines y android:ellipsize .

<TextView
android:id="@+id/tv_dua"
android:ellipsize="end"
android:maxLines="3"
android:text="long text"
android:textAppearance="?android:attr/textAppearanceMedium" />

Answer 5

Simplemente use ellipsize combinado con scrollHorizontally="true" . Simple y limpio.

Funcionó perfectamente para mí.

Answer 6

Utilice lo siguiente para obtener una vista de texto de líneas múltiples con puntos suspensivos en la última línea:

android:maxLines="4"
android:ellipsize="end"
android:singleLine="false"

Reemplace 4 con la cantidad de líneas que desee. Espero eso ayude !