Tutorial Table Layout pada Pemrograman Android

Setelah 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 ? ya ! Tidak kelihatan .

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

Lebar sebuah kolom ditentkan 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 . hehehehe... oke ,  semakin cepat sobat mencoba , semakin cepat pula sobat bisa . 
Gambar 5.1 adalah tampilan yang akan kita buat .

              

Sebelum kita masuk ke koding nya , saya sarankan sobat untuk membaca postingan sebelumnya yaitu , Tutorial Relative Layout pada Pemrograman Android , Karena dengan memahami tutorial sebelumnya akan membantu sobat dalam memahami tutorial selanjutnya .

Nah sobat bisa mengikuti langkah2 di bawah ini .

Yuk kita mulai :D

1. Jalankan Eclipse , File > New > Android Project
2. isi kotak dialog new sperti berikut :

Project name	TableLayout
Contents	Create new Project in workspace
Build Target	Android 2.1
Application Dame	TableLayout
Package Dame	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>

     5.   Pastikan tableLayout.java seperti dibawah ini . ( Gambar 5.3 )

                                 package tableLayout.source;

import android.app.Activity;

import android.os.Bundle;

public class tableLayout extends Activity {

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

}

}

     

             

     6.   Lakukan Run dengan shortcut CTRL + F11 atau klik kanan package > Project .

     7.   Lihat hasilnya seperti Gambar 5.1

Gimana sobat ..?? 

Gak susah2 amat kan.. hehehehehe..

Sekian dulu dari saya.. 

Sampai Jumpa pada Tutorial selanjutnya sobat :D

Sumber : OmAyib.com

Posted in: android, tutorial