Perbedaan gravity dengan layout_gravity di Android Studio

Assalamualaikum Warahmatullahi Wabarakatuh.

Di tutorial sebelumnya, kita sudah membahas mengenai Perbedaan antara Layout Margin dan Layout Padding. Pada tutorial berikut ini, kita akan belajar mengenai cara membangun User Interface, dengan menggunakan atribut gravity dengan layout_gravity.

Sebenarnya kedua atribut tersebut memiliki fungsi yang sama, yaitu untuk mengatur posisi View pada layout, hanya saja yang membedakannya yaitu, gravity digunakan untuk mengatur posisi didalam View (inside), sedangkan atribut layout_gravity digunakan untuk mengatur posisi diluar View (outside). Untuk lebih jelasnya, mari kita simak tutorial berikut ini.

Materi lainnya yang direkomendasikan:

• Memahami Penggunaan Match Parent dan Wrap Content
• Cara Agar Aplikasi Android Mendukung Beberapa Layar (Multi Screen)

Penggunaan gravity dan layout_gravity di Android Studio

Pertama buka aplikasi Android Studio kalian, Buat Project Baru.

Selanjutnya buka activity_main.xml pada project tersebut, disini kita akan mencoba menggunakan atribut gravity dan layout_gravity dengan beberapa komponen tambahan lainnya seperti Button, TextView dan juga LinearLayout.

Agar memudahkan kalian untuk mempelajari materi berikut ini, secara default kita akan membuat design layout seperti berikut ini terlebih dahulu.

Kalian dapat membuatnya dengan menggunakan kode xml, seperti berikut ini:

<?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"
    android:layout_margin="8dp"
    android:background="#FFF5F5F5"
    tools:context="android.cianjur.developer.net.basicandroid.MainActivity">

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="@android:color/holo_green_light"
        android:orientation="vertical">

        <TextView
            android:id="@+id/textView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Ini LinearLayout"
            android:textColor="#000000"
            android:textSize="15sp"
            android:textStyle="bold" />

        <Button
            android:id="@+id/button"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Ini Button" />
    </LinearLayout>

</RelativeLayout>

A. Penggunaan atribut gravity

Sudah saya jelaskan sebelumnya, atribut gravity digunakan untuk mengatur posisi didalam View (inside), pada contoh berikut ini kita akan menggunakan atribut gravity pada objek TextView dan Button, disini kita akan mengubah posisi view didalam kedua objek tersebut.

Kalian tambahkan atribut gravity pada TextView dan juga Button tersebut, seperti berikut ini:

<TextView
    android:id="@+id/textView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="Ini LinearLayout"
    android:textColor="#000000"
    android:textSize="15sp"
    android:textStyle="bold" />

<Button
    android:id="@+id/button"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="right"
    android:text="Ini Button" />

Maka hasilnya akan terlihat seperti ini:

Pada atribut gravity, kalian dapat mengatur posisinya, yaitu kekanan (right), kekiri (left), keatas (top) dan kebawah (bottom).

Selanjutnya kita coba tambahkan atribut gravity pada LinearLayout yang membungkus kedua komponen tersebut.

<LinearLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="@android:color/holo_green_light"
        android:gravity="bottom"
        android:orientation="vertical">

Maka akan terlihat seperti ini:

A. Penggunaan atribut layout_gravity

Sebelumnya kita ubah terlebih dahulu tampilan layoutnya seperti semula.

Atribut layout_gravity digunakan untuk mengatur posisi diluar View (inside), sebagai contoh coba kalian tambahkan atribut layout_gravity pada Button tersebut, seperti berikut ini

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="right"
    android:text="Ini Button" />

Hasilnya seperti ini:

Atribut layout_gravity tidak bisa digunakan untuk sebuah container seperti RelativeLayout, LinearLayout, dsb.

Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.

Wassalamualaikum Warahmatullahi Wabarakatuh.