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:columnWidth Menentukan lebar tetap untuk masing-masing kolom.
android:gravity Menentukan gravitasi di dalam setiap sel.
android:horizontalSpacing Mendefinisikan default jarak horisontal antara kolom.
android:numColumns Menentukan berapa kolom yang akan ditampilkan.
android:stretchMode Mendefinisikan bagaimana kolom harus meregang untuk mengisi tersedia ruang kosong, jika ada.
android:verticalSpacing Mendefinisikan 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.

68 − = 67