테이블 레이아웃

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="1" // 폭에 맞추어 열을 자동 확장
    >
    
    <TableRow> // 테이블의 첫 번째 행 
         <TextView 
            android:text="Name : "
            android:textSize="24dp"
            android:padding="10dp" />
        <TextView 
            android:text="박찬기"
            android:textSize="24dp"
            android:gravity="left"
            android:padding="10dp" />
    </TableRow>
    <TableRow> // 테이블의 두 번째 행 
        <TextView 
            android:text="Age : "
            android:textSize="24dp"
            android:padding="10dp" />
        <TextView 
            android:text="26"
            android:textSize="24dp"
            android:gravity="left"
            android:padding="10dp" />
    </TableRow>
 
</TableLayout>

 

- shrinkColumns : 특정 열을 자동 축소 → 부모 컨테이너의 폭에 맞추도록 각 열의 폭을 강제로 축소

- stretchColumns : 특정 열을 자동 확장 → 부모 컨테이너의 여유 공간을 모두 채우기 위해 각 열의 폭을 강제로 늘림

- layout_span 속성을 이용하면 HTML 코드를 구성할 때처럼 여러 열에 걸쳐 뷰를 보이게 할 수도 있음.

 

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ff3366cc"
    android:stretchColumns="2,3,4" 
    >
 
    <TableRow>
        <TextView 
            android:text="Name : " 
        />
        <EditText 
            android:id="@+id/editName" 
            android:layout_span="3" 
            />
    </TableRow>
    <View
        android:layout_height="4dp"
        android:background="#0000FF"
        />
    <TableRow>
        <Button 
            android:id="@+id/cancel" 
            android:layout_column="2"
            android:text="아니오" 
            />
        <Button 
            android:id="@+id/ok" 
            android:text="예" 
            />
    </TableRow>
    <View
        android:layout_height="4dp"
        android:background="#0000FF"
        />
 
</TableLayout>

 

출처 : Do It! 안드로이드 앱 프로그래밍 (정재곤 지음, 이지스퍼블리싱)