Relative Layouot Android Studio

Definsi Relative Layout

Relative Layout seperti namanya, menunjukkan posisi komponen relatif satu sama lain. Posisi dapat ditentukan sehubungan dengan elemen berurutan atau ke komponen induk. Relative Layout adalah tata letak paling fleksibel yang disediakan oleh Android.

Ini memungkinkan kamu memposisikan elemen di layar. Secara default, Relative Layout menetapkan semua komponen di bagian kiri atas desain. Gambar berikut menunjukkan bagaimana tampilan Relative Layout :

Contoh penggunaan Relative Layout

Buat project baru lalu ketikan kode-kode berikut pada Activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ef0000" >

    <EditText
        android:id="@+id/name"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:background="#f8eff8f3"
        android:hint="Nama "
        android:padding="16dp" />

    <EditText
        android:id="@+id/email"
        android:layout_width="180dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_toRightOf="@+id/name"
        android:background="#f8eff8f3"
        android:hint="Alamat "
        android:padding="16dp" />

    <EditText
        android:id="@+id/subject"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/name"
        android:layout_marginTop="16dp"
        android:background="#f8eff8f3"
        android:hint="Subjek"
        android:padding="16dp" />

    <EditText
        android:id="@+id/message"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_below="@+id/subject"
        android:layout_marginTop="16dp"
        android:background="#f8eff8f3"
        android:gravity="top"
        android:hint="Pesan"
        android:padding="16dp" />

    <Button
        android:id="@+id/submit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/message"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="16dp"
        android:padding="16dp"
        android:text="KIRIM" />
</RelativeLayout>

Hasil dari tag diatas yaitu seperti gambar dibawah ini :