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.

Perbedaan_gravity dengan_layout_gravity_di_Android Studio

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:
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.

Layout_default_gravity_layout_gravity

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:

Atribut_Gravity_Example

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:

Atribut_Gravity_Example2

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_Example

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.

Buka Komentar Tutup Komentar

Disqus Comments