[안드로이드 앱 만들기 기초] TableLayout(테이블 레이아웃) 사용법, 속성

TableLayout 사용법과 속성

레이아웃(Layout)의 종류 중 하나인 TableLayout에 대해 더 자세히 알아 보겠습니다.

 

TableLayout(테이블 레이아웃)

Table(표)Layout은 뷰들을 표처럼 배치 할 수 있습니다. 일반적인 표가 행(가로 방향, Row, 三)과 열(세로 방향, 川)로 구성 되어 있듯이 테이블 레이아웃 또한 행과 열로 구성되어있으며 열은 따로 지정 하지 않고 행을 추가 함으로 표를 만듭니다.

속성

<TableRow></TableRow> - 테이블 레이아웃의 행을 추가 해줍니다. 중간에 뷰를 넣어줍니다. 레이아웃을 사용하듯이 써줍니다. weight로 가중치를 줄 수도 있습니다. 테이블 레이아웃은 리니어 레이아웃을 상속 받기 때문에 리니어 레이아웃의 속성을 그대로 받습니다.
weight - 가중치를 추가 해줍니다.
layout_span="정수" 지정한 정수 만큼 행을 합쳐줍니다. weight와 같이 사용하면 생각한것처럼 안나오니 따로 사용권장합니다.

TableRow 구현 예제

<?xml version="1.0" encoding="utf-8"?>
<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="match_parent"
    tools:context=".MainActivity"
    >
    <TableRow
    android:layout_height="0dp"
    android:layout_weight="1"
    android:background="#FF0000">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Row1 Textview1"
        android:layout_weight="1"
        android:background="#ff9966"
        android:layout_margin="5dp"
        />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Row1 Textview2"
        android:layout_weight="1"
        android:background="#6600cc"
        android:layout_margin="5dp"
        />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Row1 Textview3"
        android:layout_weight="1"
        android:background="#66ffdd"
        android:layout_margin="5dp"
        />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Row1 Textview4"
        android:layout_weight="1"
        android:background="#3355cc"
        android:layout_margin="5dp"
        />
</TableRow>
    <TableRow
        android:layout_height="0dp"
        android:layout_weight="1">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="Row2 Textview1"
            android:layout_weight="1"
            android:background="#99ff00"
            android:layout_margin="5dp"
            />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="Row2 Textview2"
            android:layout_weight="1"
            android:background="#cc00ff"
            android:layout_margin="5dp"
            />
    </TableRow>
</TableLayout>

TableRow에 직접 weight를 넣어주면 높이가 알맞게 됩니다. View에 margin값을 넣어주면 테두리 구현이 가능합니다.
테이블레이아웃은 계산기나 회계어플을 만들 때 자주 사용됩니다.

코드를 사용하고 바꾸면서 어떻게 작동하는지 보아야 원하는대로 구현하기 쉬워집니다.

 

더 자세한 설명은 개발자 홈페이지에서 확인 할 수 있습니다.

TableLayout  |  Android 개발자  |  Android Developers

TableLayout  |  Android 개발자  |  Android Developers

 

레이아웃 속성모음 보러 가기
[안드로이드 앱 만들기 기초] Layout(레이아웃) 속성, 사용법 모음 (tistory.com)

[안드로이드 앱 만들기 기초] Layout(레이아웃) 속성, 사용법 모음

 

테이블 레이아웃으로 계산기 만들기
[안드로이드 앱 만들기 활용] 3. 계산기 만들기 (tistory.com)

[안드로이드 앱 만들기 활용] 3. 계산기 만들기