안드로이드 표 테이블 만들기 - 홈페이지 표와 비슷하게 만들기

프로그래밍|2013.05.10 06:00

안드로이드 표 테이블 만들기 - 홈페이지 표와 비슷하게 만들기


안녕하세요^^ 황금너구리입니다. 안드로이드 포스팅 오랫동안 하질 않았는데 오래간 만에 하는 것 같네요. 아직은 수준 높은 포스팅이 아니지만 개발을 하면서 어려웠던 부분을 포스팅을 하는 위주로 진행중입니다.

안드로이드 내에서 가장 애매한 게 표나 테이블을 홈페이지 처럼 만드는 건데, 인터넷 여기 저기 다 찾아보는 중에 GridView를 써라는 설명도 있었고, TableRow를 써라는 설명도 있었습니다. 아직까지 GridView를 통해 표를 만드는 방법을 알지 못하였으나 TableRow를 통한 표를 만드는 방법을 직접 알게 되었습니다.



나름대로의 심한 고뇌를 하면서 표를 만드는 방법을 찾아 약간 응용을 해보았습니다. 제가 알려드리는 소스는 누구나 쉽게 사용을 하실 수 있습니다.




소스는 아래와 같습니다. XML 소스입니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TableLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="113dp"
        android:layout_gravity="center"
        android:orientation="vertical" >

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal" />

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#FFFF36"
            android:gravity="center"
            android:orientation="horizontal" >

            <TextView
                android:layout_width="80dp"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="가수 "
                android:textColor="#000000"
                android:textSize="10pt" />

            <TextView
                android:layout_width="80dp"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="텔런트"
                android:textColor="#000000"
                android:textSize="10pt" />

            <TextView
                android:layout_width="80dp"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="개그맨"
                android:textColor="#000000"
                android:textSize="10pt" />
        </TableRow>

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#FFFFFF"
            android:orientation="horizontal" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="윤하"
                android:textColor="#000000"
                android:textSize="10pt" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="김태희"
                android:textColor="#000000"
                android:textSize="10pt" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="유재석"
                android:textColor="#000000"
                android:textSize="10pt" />
        </TableRow>
    </TableLayout>
</LinearLayout>


XML소스가 위와 같은 소스입니다.
결과는 위와 같은 결과인데 간단하게 만든 표입니다. 홈페이지에 있던 표와는 다르지만 거의 유사한 형태를 뛰고 있습니다. 일종의 테이블입니다.

HTML과 안드로이드의 유사한 점이 있습니다.


일단 HTML의 글자태그를 살펴보겠습니다.

폰트 : <font> 글자 </font>
정렬 : <center> 글자 </center>
폰트색상 : <font color = "#0100FF">글자</font>
폰트크기 : <font size = "10>글자</font>

안드로이드 xml의 TextView의 일부분을 살펴보겠습니다.

폰트 : android:text="글자"
정렬 : android:gravity="center"
폰트색상 : android:textColor = "#0100FF"
폰트크기 : android:textSize = "10pt"

HTML과 안드로이드 유사점을 살펴보았는데 거의 비슷할 정도 많이 닮아있습니다.
잘만 활용을 하시면 예쁜 표를 꾸미실 수가 있습니다. 저의 안드로이드 가이드가 여러분의 개발을 하시는데 도움이 되시기를 진심으로 기원합니다. 언제하 행복한 하루되시고 올해 건강하시길 바랍니다.^^!

댓글(13)