Tutorial Android Cara Membuat TableLayout

Setalah membuat Relative layout, sekarang kita buat layout table. Mari sekilas kita mengenal
Table layout. Table layout adalah layout yang disusun berdasarkan baris dan kolom. Table layout terdiri atas sejumlah object tableRow.Bagaimana dengan garis tepinya?? Yuph! Tidak kelihatan. :)

Table layout tidak menampilkan garis tepi pada baris, kolom, dan sel. Setiap baris bisa memiliki banyak sel atau tidak memiliki sama sekali. Setiap sel, bisa digunakan untuk meletakkan sebuah object View.

Lebar sebuah kolom ditentukan oleh baris yang memiliki sel paling lebar. Selain itu, table layout dapat di set shrinkable atau stretchable dengan memanggil setColumnShrinkable() atau setColumnStretchable(). Bila diset
shrinkable, lebar kolom bisa dimampatkan menyesuaikan object. Bila di set stretchable, kolom bisa direnggangkan menyesuaikan sisa tempat pada table. Kolom dapat di set keduanya shrinkable dan stretchable. Selain itu, kolom dapat disembunyikan dengan memanggil setColumnCollapsed().

Bingung?? Sama. Hehehe... oke, semakain cepat Kamu mencoba, semakin cepat pula Kamu bisa. Gambar 5.1 adalah tampilan yangakan kita buat.

Gambar 5.1

Sebelum bermain koding, saya sarankan untuk membaca artikel sebelumnya yaitu TutorialAndroid Cara Membuat LinearLayout karena memahami materi pada tutorial sebelumnya akan sangat membantu dalalam memahami tutorial selanjutnya. Yuk kita mulai! :D

1. Jalankan Enclipse, File > New > Android Project
2. Isikan kotak dialog new seperti berikut

Project name : TableLayout 

Contents : Create new project in workspace
Build Target : Android 2.1 

Application name : TableLayout
Package name : tableLayout.source 

Create Activity : tableLayout
Min SDK version : 7

3. Pada Package Explorer, pilih TableLayout > res > layout > main.xml. (Gambar 4.2)
4. Tulis kode dibawah ini

<?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>

Gambar 5.3

6. Lakukan Run dengan shortcut CTRL+F11 atau klik kanan package > run as > adnroid Project.
7. Lihat hasilnya seperti Gambar 5.1

oke artikel kali sudah selasai mudah bangetkan membuat TableLayout? Baca Artikel saya yang lainnya juga ya, Bila ada pertanyaan dan masukan segala macam, silakan Komentar Terima Kasih :D