Mengenal & Belajar Relative Layout Pada Android Studio - ANAKBLOGGER.COM

Mengenal & Belajar Relative Layout Pada Android Studio

Share This

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 :

Tidak ada komentar:

Posting Komentar

Tolong berkomentar dengan sopan dan baik, Terimakasih.

Pages