Cara Membuat Grid View (Tampilan Grid) Sederhana di Android

0

GridView merupakan bentuk tampilan  content view yang berupa container. Pada tepatnya tampilan-nya yaitu kotak-kotak seperti hal-nya rak lemari. kira kira seperti ini.

Dibawah ini merupakan atribut yang terdapat di dalam layout gridView

android:columnWidthMenentukan lebar tetap untuk masing-masing kolom.
android:gravityMenentukan gravitasi di dalam setiap sel.
android:horizontalSpacingMendefinisikan default jarak horisontal antara kolom.
android:numColumnsMenentukan berapa kolom yang akan ditampilkan.
android:stretchModeMendefinisikan bagaimana kolom harus meregang untuk mengisi tersedia ruang kosong, jika ada.
android:verticalSpacingMendefinisikan default jarak vertikal antar baris.

Atribut di atas bisa anda modifikasi pada tampilan Gridview di layout-nya, dan masih banyak lagi. Jika masih penasaran kita akan mencoba membuat GridView sederhana di Android Studio.

Membuat Project baru

Buatlah sebuah project baru dengan nama “Contoh GridView” dengan package “com.engkungs.gridview” di Android studio kamu. Dan siapkan Gambar dengan ukuran persegi lalu beri nama “gambargrid.png” dan simpan di “res/drawable” .

Mengatur Layout

Silahkan kamu buka res/layout/activity_main.xml lalu isi dengan kode berikut ini

Mengatur java class

Langkah selanjutnya yaitu mengatur java classnya. Buka com/engkungs/gridview/MainActivity.java lalu masukkan kode berikut ini.

Styles

Oh iya hampir lupa, pada project di atas kita menggunakan tampilan dari AppCompat. Maka dari itu, kita harus merombak tampilan-nya di res/values/styles.xml lalu ganti dengan kode berikut ini.

Kemudian Run project aplikasi anda dan lihat hasilnya.

Download Source Code

Password : www.engkungs.com

80%
Awesome
  • Design

Leave A Reply

Your email address will not be published.

− 5 = 1