관리 메뉴

moozi

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

안드로이드개발강좌

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

moozi 2009. 12. 28. 17:11
[ 안드로이드 개발 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>

[ 변경한 코드 ]

[ 실행 결과 ]




8 Comments
댓글쓰기 폼