Table layout adalah layout yang disusun berdasarkan baris dan kolom. Table layout terdiri atas sejumlah object tableRow.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(). Berikut adalah step-stepnya:
- Jalankan Enclipse, File > New > Android Project
- 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 - Pada Package Explorer, pilih TableLayout > res > layout > main.xml. (Gambar 1.1)
Gambar 1.1 - 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> - Pastikan pada tableLayout.java seperti dibawah ini. (Gamabr 1.2)
Gambar 1.2public class tableLayout extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
} - Lakukan Run dengan shortcut CTRL+F11 atau klik kanan package > run as > adnroid Project.
- Lihat hasilnya seperti Gambar 1.3
Gambar 1.3
Rumit banget ya
BalasHapus