01 Apr

Android Table Layout Tutorial

Android Table Layout Tutorial

Di dalam Android terdapat beberapa macam Layout seperti LinearLayout yang sering kita pakai di dalam desain xml layout. Sebenarnya terdapat sebuah tipe layout yang dapat digunakan layaknya Table di dalam Word atau HTML yaitu Table Layout. Berikut contoh penggunaannya:

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/background"
    android:gravity="center" >

<TableRow
        android:gravity="center_horizontal" >
        
        <Button
            android:id="@+id/btnProfile"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/profile"
            android:text="@string/sBtnProfile" />
<Button
            android:id="@+id/btnGallery"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/gallery"
            android:text="@string/sBtnGallery" />

        <Button
            android:id="@+id/btnNews"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/news"
            android:text="@string/sBtnNews" />
    </TableRow>

    <TableRow
        android:gravity="center_horizontal" >

        <Button
            android:id="@+id/btnBlog"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/blog"
            android:text="@string/sBtnBlog" />

        <Button
            android:id="@+id/btnForum"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/forum"
            android:text="@string/sBtnForum" />
            
        <Button
            android:id="@+id/btnPrayer"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/prayer"
            android:text="@string/sBtnPrayer" />
    </TableRow>   

</TableLayout>

contoh kode program di atas adalah contoh penggunaan TableLayout untuk membentuk table dengan baris = 2, kolom = 3. Bagaimana kalau kita ingin menggabungkan Kolom nya? Kita bisa menggunakan layout_span = “total span”. Berikut contohnya:

<?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:background="@drawable/background"
    android:gravity="center" >
    
    <TableRow android:gravity="center_horizontal" >
    	<TextView
    		android:layout_span="3" 
    		android:id="@+id/txtTitleMenu" 
    		android:textSize="12pt" 
    		android:textStyle="bold" 
    		android:gravity="center" />
    </TableRow>
</TableLayout>

pada contoh kode program di atas, TextView masuk di dalam table dengan posisi Center dan menggabungkan 3 kolom dengan perintah android:layout_span=”3″.

Semoga Tutorial Android Table Layout dapat bermanfaat bagi pembaca. Tutorial Lainnya:
Android Build In Gallery
Android Inisialisasi Spinner

Leave a Reply

Your email address will not be published. Required fields are marked *