Android Relative Layout

RelativeLayout adalah kelompok view yang menampilkan tampilan dalam posisi relatif. Posisi setiap tampilan dapat ditetapkan sebagai relatif terhadap saudara elemen (seperti ke kiri-atau di bawah tampilan lain) atau dalam posisi relatif terhadap daerah RelativeLayout  (seperti selaras ke bawah, kiri atau pusat).


RelativeLayout adalah utilitas yang sangat kuat untuk merancang tata letak pengguna karena dapat menghilangkan kelompok tampilan dan menjaga hierarki tata letak Anda datar, yang meningkatkan kinerja.

Positioning Views


RelativeLayout memungkinkan tampilan menentukan posisi mereka relatif terhadap pandangan satu sama lain (yang ditentukan oleh ID). Sehingga Anda dapat menyelaraskan dua elemen dengan batas kanan, atau membuat satu di bawah yang lain, berpusat di layar, berpusat kiri, dan sebagainya. Secara default, semua tampilan diambil di bagian atas-kiri tata letak, sehingga Anda harus menentukan posisi setiap tampilan dengan menggunakan berbagai properti tata letak yang tersedia dari RelativeLayout.LayoutParams.

Beberapa dari banyak sifat tata letak yang tersedia untuk dilihat di RelativeLayout meliputi:





android:layout_alignParentTop
Jika "true" , membuat tepi atas pandangan ini cocok dengan tepi atas.
android:layout_centerVertical
Jika "true" , Pusat anak ini vertikal dalam induknya.
android:layout_below
Posisi tepi atas tampilan di bawah tampilan ditentukan dengan ID.
android:layout_toRightOf
Posisi tepi kiri pandangan ini di sebelah kanan tampilan ditentukan dengan ID.

Ini hanya beberapa contoh. Semua atribut tata letak didokumentasikan di RelativeLayout.LayoutParams .
Nilai untuk setiap properti tata letak adalah baik boolean untuk mengaktifkan posisi tata letak relatif terhadap induk RelativeLayout atau ID yang merujuk pandangan lain dalam tata letak terhadap pandangan mana yang harus diposisikan.
Dalam tata letak XML Anda, dependensi terhadap pandangan lain dalam tata letak dapat dinyatakan dalam urutan apapun. Misalnya, Anda dapat menyatakan bahwa "view1" diposisikan di bawah "view2". Contoh di bawah ini menunjukkan skenario seperti itu.

Contoh Membuat Project Android

1. Pada Android Studio, buatlah project baru.
     => Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
     => Jika Anda telah membuka project, dari menu File, pilih New Project.

    2. Pada Configure your new project, isi kolom berikut seperti di bawah ini.
     => Application name ⇒ RelativeLayout
     => Company domain ⇒ example.com ( Misalnya: com.megadistudio.RelativeLayout )
     => Project Location ⇒ memilih lokasi untuk project Anda.

    3. Pada Select the form factors your app will run oncentang untuk Phone and Tablet.
     => Untuk Minimum SDK, pilih API 10: Android 2.3.3 (Gingerbread). klik Next.

    4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.
    Next ->

    5. Klik tombol Finish untuk membuat project.
    6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App  res ⇒ layout.

    activity_main.xml
    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="relativelayout.megadistudio.com.relativelayout.MainActivity">
    
        <TextView
            android:text="TextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:id="@+id/textView" />
    
        <TextClock
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_toRightOf="@+id/textView"
            android:layout_toEndOf="@+id/textView"
            android:layout_marginLeft="26dp"
            android:layout_marginStart="26dp"
            android:id="@+id/textClock" />
    
        <Button
            android:text="Button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/button"
            android:layout_below="@+id/textClock"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_marginTop="47dp" />
    
        <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:inputType="textPersonName"
            android:text="Name"
            android:ems="10"
            android:id="@+id/editText"
            android:layout_below="@+id/textView"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />
    
    </RelativeLayout>

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel