Mengenal & Belajar Relative Layout Pada Android Studio

Pada artikel sebelumnya kita membahas mengenai Linear Layout pada Android Studio. Kali ini, kita akan membahas layout lainnya yang ada pada Android Studio, yaitu Relative Layout.

Apa itu Relative Layout?
Berbeda dengan Linear Layout, Relative Layout merupakan sebuah layout yang memiliki kebebasan dalam penataan widget-widget, widget dapat ditata sedemikian rupa dan sesuai keinginan tanpa harus menumpuk vertical ataupun horizontal. Selain itu, widget dapat diletakkan diatas atau dibawah widget lainnya.

Dengan begitu, kita dapat melihat dari Linear Layout dan Relative Layout memiliki perbedaan yang sangat mencolok dan berbanding terbalik antar layout. Relative lebih bebas dalam melakukan penataan desain widget-widget sebuah aplikasi sesuai yang diinginkan.

Baca Juga : Apa Itu Android Studio?

Keunggulan Relative Layout :

1. Lebih bebas dalam penataan desain widget
2. Tidak perlu menambahkan orientasi
3. Cocok untuk aplikasi yang memiliki banyak view

Contoh aplikasi dengan Relative Layout

berikut ini adalah source code dan tampilan aplikasi android dengan Relative Layout :

Source code :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="16dp"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"
    android:paddingTop="16dp"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Relative Layout"
        android:textSize="30dp" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_below="@+id/textView"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:layout_marginStart="36dp"
        android:layout_marginLeft="36dp"
        android:layout_marginTop="262dp"
        android:src="@drawable/ic_launcher_background" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_below="@+id/textView"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:layout_marginStart="253dp"
        android:layout_marginLeft="253dp"
        android:layout_marginTop="264dp"
        android:src="@drawable/ic_launcher_background" />

</RelativeLayout>

Baca Juga : Mengenal Match Parent & Wrap Content

Tampilan aplikasinya :