Subscribe:

Rabu, 10 Juli 2013

Membuat Tabel Layout Di Aplikasi Android

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:

  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 1.1)
    image
    Gambar 1.1
  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 pada tableLayout.java seperti dibawah ini. (Gamabr 1.2)
    image
    Gambar 1.2

    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 > run as > adnroid Project.
  7. Lihat hasilnya seperti Gambar 1.3
    image
    Gambar 1.3

1 komentar: