Membuat Relative Layout di Android

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 disebelah kiri tombol “OK” dan dibawah“Edit Text”. tinya, saling berkaitan satu dengan yang lain. Perhatikan gambar 1.1

Gambar 1.1

Sebelum  bermain  koding,  disaranakn  untuk  membaca  TUTORIAL  sebelumnya  yaitu Membuat Linier  Layoutdi Android  karena  memahami  materi  pada  tutorial  sebelumnya  akan  sangat membantu dalam memahami tutorial selanjutnya.

1. Jalankan Enclipse, File > New > Android Project
2. Isikan kotak dialog new seperti berikut
3. Pada Package Explorer, pilih RelativeLayout > res > layout > main.xml.
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_margin="10dip"
        android:text="OK"
        android:textColor="#000000"
        android:textColorHighlight="#aaaaaa"
        android:hint="button"
        android:textColorHint="#111111" />
    <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>
5. Pastikan pada   RelativeLayout.java seperti dibawah ini. (Gamabr 1.2)
   
   
   Gambar 1.2
   package relative.source; import android.app.Activity;
import android.os.Bundle;
public class RelativeActivity 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 > android Project.
7. Lihat hasilnya seperti Gambar 1.1