Как добиться следующего показанного эффекта в Android TextView

Question

Я хочу создать пользовательский интерфейс, как показано ниже в Android.

Выше мы видим просмотр текста поверх изображения, я сделал это с помощью framelayout.Но мой вопрос заключается в том, как мне добиться textview, как показано ниже, т.е. если текст textview превышает, то ... показано. Как добиться этого эффекта в textview.

Мой код xml показан ниже

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    >
   <ImageView
    android:id="@+id/grid_img"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:scaleType="fitXY"
    android:src="@drawable/nature1"/> 
<TextView  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="@string/hello"
    android:inputType="textMultiLine"
    android:layout_gravity="bottom"
    />
</FrameLayout>

Answer 1

Попробуйте добавить эти строки в TextView:

android:maxLines="2" 
android:ellipsize="end"