Menyesuaikan Orientasi Layar Dengan Membuat Jangkar (Anchoring) View

Membuat jangkar view bisa mudah dilakukan dengan menggunakan RelativeLayout. Mari kita lihat file layout “activity_main.xml” berikut ini yang berisi lima view ‘Button’ yang ditempelkan di elemen 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">

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Kiri Atas"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"/>

<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Kanan Atas"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"/>

<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Kiri Bawah"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"/>

<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Kanan Bawah"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"/>

<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Tengah"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>
</RelativeLayout>
Mari kitaperhatikan bahwa atribut berikut ada dalam berbagai view “Button”:
  • layout_alignParentLeft : ini berfungsi untuk membuat rata kiri dari view induk
  • layout_alignParentRight: ini berfungsi untuk membuat rata kanan dari view induk
  • layout_alignParentTop: ini berfungsi untuk membuat rata atas dari view induk
  • layout_alignParentBottom: ini berfungsi untuk membuat rata bawah dari view induk
  • layout_centerVertical: ini berfungsi untuk membuat rata tengah secara vertikal dari view induk
  • layout_centerHorizontal: ini berfungsi untuk membuat rata tengah secara horizontal dari view induk
Berikut adalah screenshot perangkat saat portrait dan landscape. Bila orientasi layar berubah ke landsacpe, empat tombol tetap rata ke empat tepi layar dan tombol di tengah tetap di tengah layar ketika lebarnya dibentangkan.

No comments: