Memahami RelativeLayout

RelativeLayout mengijinkan kita untuk menentukan bagaimana view-view diletakkan relatif satu terhadap yang lain.

Berikut adalah contoh RelativeLayout:
<?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"
tools:context="id.co.blogspot.diansano.apppertama.MainActivity">

<TextView
android:id="@+id/lblKomentar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Komentar"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"/>
<EditText
android:id="@+id/txtKomentar"
android:layout_width="match_parent"
android:layout_height="170px"
android:textSize="18sp"
android:layout_alignLeft="@id/lblKomentar"
android:layout_below="@id/lblKomentar"
android:layout_centerHorizontal="true" />
<Button
android:id="@+id/btnSimpan"
android:layout_width="125px"
android:layout_height="wrap_content"
android:text="Simpan"
android:layout_alignRight="@id/txtKomentar"
android:layout_below="@id/txtKomentar"/>
<Button
android:id="@+id/btnCancel"
android:layout_width="124px"
android:layout_height="wrap_content"
android:text="Cancel"
android:layout_below="@id/txtKomentar"
android:layout_alignLeft="@id/txtKomentar"/>
</RelativeLayout>

Kalau kita amati bahwa masing-masing view yang ditempelkan di dalam RelativeLayout memiliki atribut yang mengijinkan kita untuk menempatkan posisi berdasarkan letak satu sama lain. Atribut-atribut tersebut adalah:
  • layout_alignParentTop
  • layout_alignParentLeft
  • layout_alignLeft
  • layout_alignRight
  • layout_below
  • layout_centerHorizontal
nilai dari masing-masing atribut tersebut adalah ID untuk masing-masing view yang kita jadikan sebagai acuan. Hasilnya adalah seperti gambar berikut ini:

No comments: