√ Tutorial Android Cara Membuat GridView dengan Mudah

May 27, 2019
Tutorial Android Cara Membuat GridView dengan Mudah
Tutorial Android Cara Membuat GridView dengan Mudah
GridView merupakan tampilan beberapa item 2 dimensi dalam bentuk grid atau petakan. Contoh penggunaan gridview layout yaitu aplikasi gallery, instagram, dan masih banyak lagi. Pada tutorial ini kita akan belajar cara membuat gridview layout dengan menggunakan Android Studio. Bahasa pemrograman yang akan digunakan yaitu Java. Jooinfoo menyediakan tutorial android bahasa indonesia yang sangat cocok untuk belajar bagi pemula.

Project yang akan kita buat yaitu membuat tampilan gallery menampilkan tokoh-tokoh di dunia teknologi. Sebelumnya pastikan laptop kalian sudah terinstall dengan Android Studio dan ada emulator atau hp untuk menjalankan projectnya.

Berikut langkah-langkah yang dapat kalian ikuti :

1. Buat project

Buatlah project di Android Studio, untuk contohnya saya beri nama projectnya AndroidBeginner. Kalian bebas menentukan nama projectnya. Pastikan laptop kalian terkoneksi dengan internet saat pertama kali membuat project untuk mengunduh library dan sinkronisasi gradle.

Buka file build.gradle(Module : App) dan tambahkan implementation untuk library berikut :

implementation 'com.android.support.constraint:constraint-layout:1.1.3'
implementation 'com.android.support:recyclerview-v7:28.0.0'
implementation 'de.hdodenhof:circleimageview:2.1.0'
implementation 'com.github.bumptech.glide:glide:3.7.0'
implementation 'com.android.support:cardview-v7:28.0.0'

2. Membuat layout xml

Pertama, kita akan membuat layout .xmlnya terlebih dahulu. Caranya buka res > layout > activity_main.xml kemudian ubah kodenya menjadi seperti berikut :
Pada kode diatas kita akan menggunakan RecyclerView, kemudian buat file layout xml baru. Caranya klik kanan pada folder res kemudian pilih New dan pilih XML > Layout XML File dan beri nama activity_list_grid.xml  :

3. Membuat data array

Untuk data yang akan ditampilkan kita akan menggunakan ArrayList, caranya buat package baru pada package project. Caranya klik kanan kemudian New > package dan beri nama data.  Pertama buat file java baru pada package data dan beri nama Data.java, isi kodenya seperti berikut :
Selanjutnya buat class POJO untuk data yang akan ditampilkan dengan cara buat file baru pada package data dan beri nama Tokoh.java yang isi kodenya seperti berikut :
Buat package baru dan beri nama view, pindahkan MainActivity pada package view.

4. Membuat Adapter

Buat file baru pada package view kemudian beri nama GridAdapter.java dan tulis kodenya seperti berikut :
Buka file MainActivity.java dan ubah kodenya menjadi seperti berikut :

Jika kalian ingin mengubah jumlah kolom perbaris kalian dapat mengubahnya pada bagian rv.setLayoutManager(new GridLayoutManager(this, 2)); Ganti angka 2 dengan jumlah yang diinginkan.
Setelah selesai buka file AndroidManifest.xml dan tambahkan permission untuk internet :

<uses-permission android:name="android.permission.INTERNET">
Sehingga kodenya menjadi seperti berikut :
Setelah selesai sekarang coba jalankan dengan emulator atau hp, hasilnya seperti berikut :
Untuk source code lengkapnya kalian dapat mengunduhnya di repository github.

Demikian tutorial android cara membuat gridview dengan mudah, ikuti terus artikel dan tutorial dari jooinfoo. Untuk belajar lebih lanjut mengenai membuat aplikasi android dengan mvp design pattern kalian dapat mempelajarinya di artikel ini. Terima kasih

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda