Tutorial Android Cara Membuat RelativeLayout

Masih berada pada tingkat dasar, Artikel kali ini kita akan belajar membuat Relative Layout. Apa itu relative layout?? Relative layout adalah sebuah layout dimana posisi dari sebuah komponen (simbol, text,dsb) bisa diatur letaknya terhadap komponen lainnya. Misalnya tombol “OK” posisinya berada dibawah “Edit Text”, kemudian tombol “cancel” posisinya berada di sebelah kiri tombol “OK” dan dibawah “edit Text”. Intinya, saling berkaitan satu dengan yang lain. Perhatikan gambar 4.1

Gambar 4.1

Sebelum bermain koding, omayib saranakn untuk membaca artikel sebelumnya yaitu Tutorial Android Cara Membuat LinearLayout karena memahami materi pada tutorial sebelumnya akan sangat membantu dalalam memahami tutorial selanjutnya. Yuk kita mulai!:D

1. Jalankan Enclipse, File > New > Android Project
2. Isikan kotak dialog new seperti berikut

Project name : RelativeLayout 

Contents : Create new project in workspace
Build Target : Android 2.1 

Application name : HelloRelativeLayout
Package name : relativeLayout.source

Create Activity : RelativeLayout
Min SDK version : 7

3. Pada Package Explorer, pilih RelativeLayout > res > layout > main.xml. (Gambar 4.2)
4. Gantilah dengan kode dibawah ini

<?xml version="1.0" encoding="utf-8"?> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="top"> <textview android:id="@+id/label" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Type here:"/> <edittext android:id="@+id/entry" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@android:drawable/editbox_background" android:layout_below="@id/label"/> <button android:id="@+id/ok" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/entry" android:layout_alignParentRight="true" android:layout_marginLeft="10dip" android:text="OK" /> <button android:layout_alignTop="@id/ok" android:text="Cancel" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_toLeftOf="@+id/ok" android:layout_below="@+id/entry"/> </RelativeLayout>

Gambar 4.3

oke artikel kali sudah selasai mudah bangetkan membuat RelativeLayout? Baca Artikel saya yang lainnya ya, Bila ada pertanyaan dan masukan segala macam, silakan Komentar Terima Kasih :D