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

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

댓글()
  1. Favicon of https://beauty1234.tistory.com BlogIcon 뷰티톡톡 2013.05.10 08:10 신고 댓글주소  수정/삭제  댓글쓰기

    잘 보고 갑니다.
    즐거운 하루 보내세요.

  2. Favicon of https://aazz.tistory.com BlogIcon [블루오션] 2013.05.10 09:33 신고 댓글주소  수정/삭제  댓글쓰기

    덕분에 잘 배워가요 ^^

  3. Favicon of https://system123.tistory.com BlogIcon 예또보 2013.05.10 09:50 신고 댓글주소  수정/삭제  댓글쓰기

    그렇군요
    덕분에 너무 잘보고갑니다 ^^

  4. Favicon of https://review-in.tistory.com BlogIcon 리뷰인 2013.05.10 11:00 신고 댓글주소  수정/삭제  댓글쓰기

    유용한정보 잘보고 갑니다.

  5. Favicon of https://cbdok.tistory.com BlogIcon 명태랑 짜오기 2013.05.10 11:01 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 잘 보고 갑니다.
    즐거운 금요일 되세요^^

  6. Favicon of http://tvsline.tistory.com/1047 BlogIcon 카라 2013.05.10 11:10 댓글주소  수정/삭제  댓글쓰기

    황금너구리님 좋은 포스팅 잘보고갑니다~
    오늘도 힘내서 아자아자~ 파이팅~

  7. Favicon of https://hansik07.tistory.com BlogIcon Hansik's Drink 2013.05.10 12:34 신고 댓글주소  수정/삭제  댓글쓰기

    잘 알아 간답니다~ ^^
    의미있는 오늘이 되세요~

  8. Favicon of https://issuejurnal.tistory.com BlogIcon ,.,. 2013.05.10 13:03 신고 댓글주소  수정/삭제  댓글쓰기

    잘보고갑니다~

  9. Favicon of http://nurisia.tistory.com BlogIcon 누리시아 2013.05.10 13:52 신고 댓글주소  수정/삭제  댓글쓰기

    잘 배우고 갑니다.
    좋은 하루되시기 바랍니다.

  10. Favicon of http://aduyt.tistory.com BlogIcon 어듀이트 2013.05.10 13:59 신고 댓글주소  수정/삭제  댓글쓰기

    덕분에 잘 배우고 갑니다~
    행복하고 즐거운 하루 되시길 바래요~

  11. Favicon of https://nimpopoyes.tistory.com BlogIcon 톡톡 정보 2013.05.10 18:29 신고 댓글주소  수정/삭제  댓글쓰기

    좋은 정보 잘 배우고 갑니다.
    즐거운 주말 보내세요^^

  12. Favicon of https://sun77.tistory.com BlogIcon 역기드는그녀 2013.05.10 23:38 신고 댓글주소  수정/삭제  댓글쓰기

    오랫만에 인사드려요 ~
    저에게는 너무나 어려운 내용이네요 ^^
    그래도 잘 보고 갑니다
    주말 잘보내세요 ~

  13. 안드로이드어려워 2013.11.21 19:04 댓글주소  수정/삭제  댓글쓰기

    좋은정보감사합니다^^