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"true" , membuat tepi atas pandangan ini cocok dengan tepi atas.android:layout_centerVertical"true" , Pusat anak ini vertikal dalam induknya.android:layout_belowandroid:layout_toRightOf
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.
=> 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 on, centang untuk Phone and Tablet.
4. Pada Add an activity to Mobile, pilih Blank Activity dan klik 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>
