[kotlin] 레이아웃 중첩

22 Dec 2023

kotlin

안드로이드 앱을 개발할 때 UI를 설계하는데 있어서 레이아웃 중첩은 흔히 사용되는 기술입니다.

데모를 통해 Kotlin으로 안드로이드 앱의 레이아웃을 중첩하는 방법에 대해 알아보겠습니다.

1. 상위 레이아웃 설계

첫 번째 단계는 상위 레이아웃을 설계하는 것입니다. 여기에 하위 레이아웃을 중첩하여 배치할 수 있는 레이아웃을 선택합니다.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="16dp">

        <!-- 중첩될 하위 레이아웃을 여기에 추가 -->
        
    </LinearLayout>

</RelativeLayout>

2. 하위 레이아웃 중첩

다음으로, 상위 레이아웃 안에 중첩될 하위 레이아웃을 설계합니다.

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="8dp"
    android:background="#E5E5E5">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="내부 레이아웃 1" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="내부 레이아웃 2" />
</LinearLayout>

이와 같은 방식으로 상위 레이아웃과 여러 개의 하위 레이아웃을 중첩하여 안드로이드 앱의 복잡한 UI를 생성할 수 있습니다.

이상으로 Kotlin으로 안드로이드 앱의 레이아웃을 중첩하는 방법에 대해 알아보았습니다.

참고 문헌:

Android Developers - Layouts