Mengenal Lebih Dalam Gravity dan Layout Gravity di Android

Mengenal Lebih Dalam Gravity dan Layout Gravity di Android

Diposting pada

Masih dalam ruang lingkup pembuatan layout atau tata letak di Android, kali ini kita akan coba mengenal lebih dalam gravity dan layout gravity di Android.

Harap sobat pahami semuanya, bahwa pembuatan layout di Android menggunakan xml, berbeda dengan pembuatan layout halaman web yang menggunakan CSS. Bagi yang belum terbiasa membuat layout di Android dan belum pernah mengenal sama sekali perbedaan antara android:gravity dan android:layout_gravity mungkin agak kesulitan untuk memahaminya.

Pembuatan layout halaman web dengan menggunakan CSS saya akui jauh lebih mudah daripada pembuatan layout Android, apalagi dengan hadirnya bootstrap. Tapi, daripada kita mengeluh berkepanjangan, lebih baik langsung saja kita mengenal lebih dalam gravity dan layout gravity di Android. Apa pengertian android:gravity dan android:layout_gravity? Dan apa perbedaan antara keduanya? Mari kita simak baik-baik!

Baca juga:  Cara Kunci Aplikasi di Android dengan Mudah

android:layout_gravity

android:layout_gravity digunakan untuk mengatur posisi elemen induknya (Mis. child View di dalam Layout).
Didukung oleh LinearLayout dan FrameLayout.

android:gravity

android:gravity digunakan untuk mengatur posisi sebuah konten di dalam sebuah elemen (Mis. sebuah text di dalam TextView).

[html]<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:orientation="vertical">
<LinearLayout android:layout_width="wrap_content" android:layout_height="0dp" android:layout_weight="1" android:orientation="vertical" android:layout_gravity="left" android:gravity="center_vertical">
<TextView android:layout_width="@dimen/fixed" android:layout_height="wrap_content" android:text="@string/first" android:background="@color/colorPrimary" android:gravity="left"/>
<TextView android:layout_width="@dimen/fixed" android:layout_height="wrap_content" android:text="@string/second" android:background="@color/colorPrimary" android:gravity="center"/>
<TextView android:layout_width="@dimen/fixed" android:layout_height="wrap_content" android:text="@string/third" android:background="@color/colorPrimary" android:gravity="right"/>
</LinearLayout>
<LinearLayout android:layout_width="wrap_content" android:layout_height="0dp" android:layout_weight="1" android:orientation="vertical" android:layout_gravity="center" android:gravity="center_vertical">
<TextView android:layout_width="@dimen/fixed" android:layout_height="wrap_content" android:text="@string/first" android:background="@color/colorAccent" android:gravity="left"/>
<TextView android:layout_width="@dimen/fixed" android:layout_height="wrap_content" android:text="@string/second" android:background="@color/colorAccent" android:gravity="center"/>
<TextView android:layout_width="@dimen/fixed" android:layout_height="wrap_content" android:text="@string/third" android:background="@color/colorAccent" android:gravity="right"/>
</LinearLayout>
<LinearLayout android:layout_width="wrap_content" android:layout_height="0dp" android:layout_weight="1" android:orientation="vertical" android:layout_gravity="right" android:gravity="center_vertical">
<TextView android:layout_width="@dimen/fixed" android:layout_height="wrap_content" android:text="@string/first" android:background="@color/colorPrimaryDark" android:gravity="left"/>
<TextView android:layout_width="@dimen/fixed" android:layout_height="wrap_content" android:text="@string/second" android:background="@color/colorPrimaryDark" android:gravity="center"/>
<TextView android:layout_width="@dimen/fixed" android:layout_height="wrap_content" android:text="@string/third" android:background="@color/colorPrimaryDark" android:gravity="right"/>
</LinearLayout>
</LinearLayout>[/html]

Baca juga:  Download 5 Aplikasi TV Indonesia Terpopuler

Apabila kode tadi dijalankan, maka akan menampilkan sebuah view seperti di bawah ini:

Agar Anda benar-benar memahami perbedaan antara android:gravity dan android:layout_gravity ada baiknya apabila Anda mengoprek kodenya secara langsung dan menjalankannya di komputer Anda.

Demikian sekilas mengenai perbedaan antara android:gravity dan android:layout_gravity. Semoga Anda bisa mengenal lebih dalam gravity dan layout gravity di Android.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *