Android # baseline(view)

baseline

뷰 속성의 baseline이 적용되는 것을 확인해 볼 것이다.

[baseline.xml]

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

<?xml version="1.0" encoding="utf-8"?> <LinearLayout     xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="horizontal"     android:layout_width="match_parent"     android:layout_height="match_parent">       <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="큰 글씨"         android:textColor="#ffff0000"         android:textSize="40sp"         />       <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="중간 글씨"         android:textColor="#ff00ff00"         android:textSize="20sp"         />       <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="작은 글씨"         android:textColor="#ff0000ff"         android:textSize="14sp"         />   </LinearLayout> Colored by Color Scripter

cs

이렇게 속성을 수정하면 각각의 뷰에 들어 있는 텍스트의 아래쪽에 바닥면이 똑같이 맞춰진다.
이것은 baselineAligned의 디폴트 값이 true이기 때문이다.

다음은 baselineAligned의 값을 false로 바꿔본 결과이다.
baselineAligned의 속성은 LinearLayout에서 지정한다. (아래 코드 7번줄)

[baseline.xml]

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<?xml version="1.0" encoding="utf-8"?> <LinearLayout     xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="horizontal"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:baselineAligned="false"     >          <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="큰 글씨"         android:textColor="#ffff0000"         android:textSize="40sp"         />     ...    </LinearLayout> Colored by Color Scripter

cs

Tips

baselinedAligned의 속성으로 정렬을 맞춘 경우 텍스트의 정렬이 우선이기 때문에 뷰의 배치가 이상하게 될 수도 있다.
따라서 어떤 정렬을 우선 적용할 것인가에 따라 선택적으로 지정해야 한다.