[ 안드로이드 개발 2.0 ] TableLayout 출력하기

[ 안드로이드 개발 2.0 ] TableLayout 출력하기

TableLayout은 문자그대로 테이블형태의 레이아웃을 출력할 수 있도록 해줍니다.

안드로이드 개발자 사이트의 내용을 토대로 출력해 보겠습니다.


1. 이클립스에서 다음과 같이 프로젝트를 생성합니다.

2. 왼쪽 프로젝트 탐색기에서 res -> layout -> main.xml 파일을 연 후 다음 소스코드를 붙여넣기 합니다.

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:stretchColumns="1">


    <TableRow>

        <TextView

            android:layout_column="1"

            android:text="Open..."

            android:padding="3dip" />

        <TextView

            android:text="Ctrl-O"

            android:gravity="right"

            android:padding="3dip" />

    </TableRow>


    <TableRow>

        <TextView

            android:layout_column="1"

            android:text="Save..."

            android:padding="3dip" />

        <TextView

            android:text="Ctrl-S"

            android:gravity="right"

            android:padding="3dip" />

    </TableRow>


    <TableRow>

        <TextView

            android:layout_column="1"

            android:text="Save As..."

            android:padding="3dip" />

        <TextView

            android:text="Ctrl-Shift-S"

            android:gravity="right"

            android:padding="3dip" />

    </TableRow>


    <View

        android:layout_height="2dip"

        android:background="#FF909090" />


    <TableRow>

        <TextView

            android:text="X"

            android:padding="3dip" />

        <TextView

            android:text="Import..."

            android:padding="3dip" />

    </TableRow>


    <TableRow>

        <TextView

            android:text="X"

            android:padding="3dip" />

        <TextView

            android:text="Export..."

            android:padding="3dip" />

        <TextView

            android:text="Ctrl-E"

            android:gravity="right"

            android:padding="3dip" />

    </TableRow>


    <View

        android:layout_height="2dip"

        android:background="#FF909090" />


    <TableRow>

        <TextView

            android:layout_column="1"

            android:text="Quit"

            android:padding="3dip" />

    </TableRow>

</TableLayout>

[ main.xml 에 붙여넣기 한 모습 ]

3. 메뉴에서 Run -> Run 을 선택하여 실행합니다.

[ 실행결과 ]

소스코드를 분석해 보면...

<TableRow> 는 테이블의 한 행을 의미합니다.
<TextView> 는 문자열을 출력하는 역할을 합니다.
<view>는 가로 구분선을 표시해 줍니다.

다음은 마지막 행인 Quit 문자열을 출력하는 부분을 조금 변경한 것과 그 결과입니다.

 <TableRow>
        <TextView
            android:layout_column="3"   => 값을 1 에서 3으로 변경
            android:text="Quit"
            android:padding="3dip"
            android:textColor="#FF0000"  => 글자색 지정
            android:background="#cccccc" => 배경색 지정
             />
    </TableRow>

[ 변경한 코드 ]

[ 실행 결과 ]