Belajar Linear Layout dan Relative Layout Android

Kali ini saya akan membahas tentang Linear Layout dan Relative Layout.

Sebelum kita membahas tentang Linear Layout dan Relative Layout kita harus mengetahui apakah itu Layout?
Layout adalah tata letak dari suatu elemen desain yang di tempatkan dalam sebuah bidang menggunakan sebuah media yang sebelumnya sudah di konsep terlebih dahulu.

Activity di Android menggunakan layout sebagai container untuk view lain di dalamnya, bahkan juga bisa berisi layout lain. Container layout di hampir semua Activity Android bekerja dengan cara yang mirip dengan elemen “div” di HTML. Layout yang paling umum dipakai diantaranya adalah Linear Layout dan Relative Layout.

1. Linear Layout.

Sebuah linear layout, sesuai dengan namanya menampilkan dan memposisikan elemen di dalamnya dalam satu arah, secara horizontal atau vertikal.
Arahnya dapat diatur melalui atribut android:orientation.
Jadi di dalam setiap baris/kolom hanya ada 1 objek (widget) yang kita tempatkan.
Nahh di Linear Layout ini ada dua jenis, yaitu :
Vertical Linear Layout : Apabila user menempatkan 1 widget (objek) per baris
Horizontal Linear Layout : Apabila user menempatkan 1 objek per kolom.
Semua isi dari Linear Layout akan ditampilkan berdasarkan urutan penulisan mereka di file layout.
Beberapa atribut yang sering dipakai dalam suatu LinearLayout adalah:
-android:gravity – Mengontrol penjajaran konten dari suatu view (seperti text-align di CSS)
-android:layout_gravity – Mengontrol penjajaran view di dalam suatu container (seperti float di CSS)
-android:layout_weight – Menentukan berapa lebar atau tinggi ruang ekstra untuk diberikan pada suatu view

Contoh :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    tools:context="com.example.webhozzsby.latihan.MainActivity">
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:padding="16dp"
        android:background="#3D315B"
        android:textColor="@android:color/white"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello People!"
        android:padding="16dp"
        android:background="#444B6E"
        android:textColor="@android:color/white"/>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="I'm here!"
            android:padding="16dp"
            android:background="#26A96C"
            android:textColor="@android:color/white"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="You over there!"
            android:padding="16dp"
            android:background="#F05D5E"
            android:textColor="@android:color/white"/>
    </LinearLayout>
 
</LinearLayout>

2. Relative Layout

Nahh setelah kita bahas linear layout sekarang kita bahas Relative Layout , Apakah itu Relative Layout?
Relative Layout adalah layout yang penataan nya ini adalah penataan yang menempatkan widget-widget didalamnya seperti layer, sehingga sebuah widget dapat berada di atas/di bawah widget lainnya atau dengan kata lain Relative merupakan layout yang penataannya lebih bebas (Relative) sehingga bisa di tata di mana saja. Dalam sebuah Relative Layout, kita memposisikan view di dalamnya relatif terhadap view lain atau si parent view-nya. Atribut yang bisa dipakai untuk memposisikan suatu View di dalam RelativeLayout adalah:
Posisi berdasarkan View lain yang satu level: layout_above, layout_below, layout_toLeftOf, layout_toRightOf
Posisi berdasarkan parent: android:layout_centerHorizontal, android:layout_centerVertical
Posisi penjajaran berdasarkan View lain yang satu level: layout_alignTop, layout_alignBottom, layout_alignLeft, layout_alignRight, layout_alignBaseline

Posisi penjajaran berdasarkan parent: layout_alignParentTop, layout_alignParentBottom, layout_alignParentLeft, layout_alignParentRight.
Jadi intinya kita dapat secara bebas mengatur objek objek yang kita tempatkan apabila kita menggunakan Relative Layout.

Contoh

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.webhozzsby.latihan.MainActivity">
 
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Tengah" />

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

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="T.Atas" />

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

    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:text="Kiri.T" />

    <Button
        android:id="@+id/button6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        android:text="Kanan.T" />

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

    <Button
        android:id="@+id/button8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:text="T.Bawah" />

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

Sekian dulu dari saya semoga bermanfaat buat anda.