[Android] TextView(텍스트뷰) singleLine / ellipsize 사용법

TextView의 singleLine와 ellipsize를 사용하여 레이아웃을 구성하는 방법을 알아보겠습니다.

android:singleLine="true"설정시 ellipsize를 설정할 수 있는 방법은 총 5가지가 있습니다.

<attr name="ellipsize">
  <enum name="none" value="0" />
  <enum name="start" value="1" />
  <enum name="middle" value="2" />
  <enum name="end" value="3" />
  <enum name="marquee" value="4" />
</attr>

이번에는 ellipsize의 속성중에서 start, middle, end 총 3가지의 속성에 대해서 알아보도록 하겠습니다.

 

 

아래 예시코드를 보겠습니다.

    <!-- 1. singleLine: true / ellipsize: start -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#F0F0F0"
        android:ellipsize="start"
        android:singleLine="true"
        android:text="Hello ellipsize! Hello ellipsize! Hello ellipsize! Hello ellipsize! Hello ellipsize! " />

    <!-- 2. singleLine: true / ellipsize: middle -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:background="#F0F0F0"
        android:ellipsize="middle"
        android:singleLine="true"
        android:text="Hello ellipsize! Hello ellipsize! Hello ellipsize! Hello ellipsize! Hello ellipsize! " />

    <!-- 3. singleLine: true / ellipsize: end -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:background="#F0F0F0"
        android:ellipsize="end"
        android:singleLine="true"
        android:text="Hello ellipsize! Hello ellipsize! Hello ellipsize! Hello ellipsize! Hello ellipsize! " />

▼"singleLine: true / ellipsize: start"설정 시

글자가 한줄에 다 채우지 못할경우 처음에 "..."으로 생략이 되는것을 알 수 있습니다.

 

▼"singleLine: true / ellipsize: middle"설정 시

글자가 한줄에 다 채우지 못할경우 가운데 "..."으로 생략이 되는것을 알 수 있습니다.

 

▼"singleLine: true / ellipsize: end" 설정 시

글자가 한줄에 다 채우지 못할경우 마지막에 "..."으로 생략이 되는것을 알 수 있습니다.