Kamis, 13 Januari 2011

Contoh pembuatan xml layout menu di Android

untuk penggunaan dari Selector button yang saya pos kemarin, hadirlah penjelasan tentang menu di Android , seperti biasa, kita buat dulu xml kosong, misal kita beri nama menu.xml bertipe layout...
lalu lihat kode di bawah ini :
 yang nantinya kalo pindah ke tab layout akan berbentuk seperti :
akan saya jelaskan koding di atas :
koding pertama kali dibuka dengan <LinearLayout
yang berfungsi sebagai layout/wadah untuk barang2 yang akan digambar.
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"

untuk width dan height, yaitu menentukan lebar dan panjang layout , bisa diisi dengan fill_parent, wrap_content, dan juga bisa diisi dengan satuan px dll.
fill_parent berarti mengisi smua dari layout yang ada di bawahnya atau apabila tidak ada layout lagi, maka mengisi semua layar..
wrap_content berarti hanya mengisi sesuai dengan barang yang ada .
lalu orientasi yang digunakan adalah vertikal.
android:background="@drawable/bg" = memberi background/gambar/benda dari folder drawable.
android:gravity="left" = objek yang nanti ditaruh, akan tertarik sesuai dengan arah value yang diberikan.
android:paddingTop="50px" = objek yang nanti ditaruh akan berada 50pixel dari atas layar.

setelah itu kita beri layout lagi untuk menaruh button-button..
>
<LinearLayout android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:gravity="center">

dengan arah gravitasi ditengah agar smua button mempunyai alignment center dan orientasi vertikal agar button urut dari atas ke bawah

selanjutnya kita taruh buttonnya 1 1
<Button
android:id="@+id/btnmain"
android:layout_width="wrap_content"
android:layout_height="wrap_content"       
android:background="@drawable/btn_start"
></Button>


android:id="@+id/btnmain"  = memberikan id untuk button agar bisa dikenali di java class yang menampilkan menu
width dan height kita buat wrap_content agar gambar button pas tidak tertarik/stretch
lalu android:background="@drawable/btn_start" valuenya kita beri alamat xml yang cara membuatnya telah saya pos kemarin (sudah otomatis on/off).
untuk selanjutnya tinggal copas kode lalu mengganti id dan alamat buttonnya namun kita harus menyelipkan
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="10px"
></LinearLayout>

agar ada gap antara button sehingga button tidak berdesakan.
setelah semua nya beres tutup liner layout yang kita buat di paling atas
</LinearLayout>
</LinearLayout>

jadilah menu simpel yang dibuat di xml, untuk selanjutnya adalah cara untuk memasukkan layout di java class ^^

1 komentar:

  1. sip... teruskan artikel yang seperti ini

    Prayitno

    BalasHapus