Linear Layout, Relative Layout, Table Layout

Transkripsi

1

2 Linear Layout, Relative Layout, Table Layout Oleh: Luthfan Dalam pemprograman android, ada beberapa layout yang digunakan untuk menempatkan bermacam-macam view seperti button dan text. Untuk membuat layout cukup mudah, melalui folder res/layout dalam project, tempatkan file.xml di dalam folder tersebut. File.xml dapat dibuat dengan 2 cara : Bu... Dalam pemprograman android, ada beberapa layout yang digunakan untuk menempatkan bermacam-macam view seperti button dan text. Untuk membuat layout cukup mudah, melalui folder res/layout dalam project, tempatkan file.xml di dalam folder tersebut. File.xml dapat dibuat dengan 2 cara : Buka Eclipse kamu Create File -> New -> Android Application Project Klik kanan di folder res/layout -> New -> Android XML File Atau Buat.txt di folder res/layout Rename file.txt menjadi.xml Ada 3 macam layout(dari 6 macam) yang secara luas digunakan. Layout-layout tersebut adalah : 1. Linear Layout Linear Layout adalah Layout yang umum digunakan, terutama bagi pemula. Layout ini menempatkan view secara horizontal atau vertical, bergantung pada kode yang digunakan. <LinearLayout xmlns:android=" xmlns:tools=" android:orientation="vertical" tools:context=".mainactivity" > android:text="@string/hello_world"

3 <LinearLayout android:orientation="horizontal" > </LinearLayout> </LinearLayout> Tampilan yang terjadi setelah kode di eksekusi 2. Relative Layout Relative Layout memiliki karakteristik menempatkan view secara relatif. Posisi dari setiap view bergantung kepada view yang lain. Mudahnya adalah, programmer memiliki kebebasan untuk menempatkan view yang diinginkan. Penempatan satu view dapat berupa di sisi kanan, kiri, atas, ataupun bawah dari view lain. Jika tidak di tetapkan di sisi mana view akan berada, maka dapat terjadi penumpukan antara satu view dengan view yang lain, tentunya programmer tidak menginginkan hal itu terjadi bukan :). Jujur, ini adalah layout kesukaan saya. Awal nya memang sulit, namun semakin mudah jika sudah terbiasa. <RelativeLayout xmlns:android=" xmlns:tools="

4 tools:context=".mainactivity" > android:layout_alignparentleft="true" android:layout_alignparentbottom="true" </RelativeLayout> Tampilan yang terjadi setelah kode di eksekusi 3. Table Layout Table Layout memiliki karakteristik yang mirip dengan pembuatan layout di HTML. Jika anda familiar dengan pemprograman web berjenis html, <table> dan <TableLayout adalah 2 hal yang hampir sama. TableLayout mengatur tampilan berdasarkan kolom dan baris. Dan jangan lupa untuk selalu menambahkan tag <TableRow jika ingin membuat baris baru dalam layout. <TableLayout xmlns:android=" android:background="#ffffff" android:shrinkcolumns="*" android:stretchcolumns="*" > <TableRow >

5 android:textsize="18sp" android:layout_span="3" android:padding="18dip" android:background="#b0b0b0" android:textcolor="#000" </TableRow> <TableRow > android:layout_weight="1" android:background="#dcdcdc" android:textcolor="#000000" android:padding="20dip" android:gravity="center" android:layout_weight="1" android:background="#d3d3d3" android:textcolor="#000000" android:padding="20dip" android:gravity="center" </TableRow> </TableLayout> Tampilan yang terjadi setelah kode di eksekusi Kurang lebih seperti itu. Masih banyak method yang dapat di explore untuk membuat penempatan tiap view semakin bervariasi, yang mana kamu dapat membaca langsung dokumentasi nya di developer.android.com Sebenarnya saya kurang suka memprogram layout dalam xml file. Yang lebih menarik adalah memprogram dalam bentuk inisialisasi masing-masing layout secara programmatically alias di declare di file.java. Semoga Bermanfaat. LuthfanM Blog gw

6 Tentang Penulis Luthfan Mobile Game Developer di platform Android dan Windows Phone. Learning by Doing