Menampilkan Daftar Data Menggunakan RecyclerView - Tutorial Android Studio

Assalamu’alaikum Warahmatullahi Wabarakaatuh

Hallo teman-teman developer android, untuk kali ini saya akan sedikit memberika tutorial dan membagikan mengenai bagaimana cara menampilkan daftar data menggunakan library RecyclerView, sebelum memulai ngoding ada kalanya pahami dulu apa itu RecyclerView?

Penjelasan Singkat RecyclerView?

Pada dasarnya widget RecyclerView adalah versi yang lebih canggih dan fleksibel dari ListView. RecyclerView ini sangatlah cocok Jika aplikasi Anda perlu menampilkan daftar (list atau grid) set data berukuran besar ataupun banyak (atau data yang sering berubah), sebaiknya gunakan RecyclerView. Untuk saran saja, jika menggunakan widget ListView untuk saat ini sangat tidak direkomendasikan. Jarang sekali seseorang developer android memakainya untuk menampilkan data.

Langkah - Langkah Pembuatan :

1. Buat project baru di android studio (saya menggunakan Android Studio Versi 3.6.1)




Catatan :

Gunakan versi android studio versi baru untuk membuat kinerja untuk ngoding lebih baik.



Ini berlaku untuk leptop atau komputer Spek DEWA ya, jika leptop atau komputer Spek LOW bisa menetap ke-versi android studio yang kamu pakai sekarang ini.


2. Untuk memulai membuatnya tambahkan library Recyclerview, CardView di Gradle lalu “Sync new” tunggu gradle project sedang di sync sampai selesai. Untuk caranya masuk Gradle Scripts > build.gradle (Module: app) jika masih belum paham lihat kode dibawah ini.

Catatan :

Kenapa saya tambahkan widget CardView agar tampilan di list item lebih enak dipandang seperi menampilkan kartu.

Untuk versi RecyclerView dan CardView bisa menyesuaikan yang terbaru di situs resminya.
RecyclerView : https://developer.android.com/jetpack/androidx/releases/recyclerview
CardView : https://developer.android.com/jetpack/androidx/releases/cardview


3. Membuat tampilan/design tata letak RecyclerView dan list item.
   
   Untuk rancangan, kalian bisa menyesuaikan dengan keinginan anda sendiri. Saya disini hanya menampilkan contoh design sederhana saja.
1. Buka activity_main.xml, caranya app > res > layout > activity_main.xml lalu tambahkan widget RecyclerView maka hasilnya seperti ini.





2. Buat layout baru untuk list item, caranya klik kanan pada layout > pilih new > pilih Layout Resource File > isikan File Name “list_item” lalu ok.
   Setelah itu buat tampilan seperti ini, lihat kode di bawah ini.





Penjelasan, kegunaan list_item ini untuk merepresentasikan tiap-tiap item di dalam suatu daftar.


4. Membuat class java baru RecyclerViewAdapter. Fungsi adapter ini untuk menampilkan data ke recyclerview. Caranya klik kanan pada paket anda contoh: com.ryto.recyclerview > lalu pilih New > pilih Java Class > isikan Name “RecyclerViewAdapter” lalu ok. Kalau sudah isikan kode didalam class java RecyclerViewAdapter.java untuk full kodenya seperi berikut ini.


5. Jika langkah ke-4 sudah selesai kembali ke class MainActivity.java untuk menyambungkan RecyclerViewAdapter ke MainActivity agar bisa menampilkan data ke recyclerview yang ada di MainActivity. Full kodenya seperti ini.


6. Jika dirasa sudah selesai, kamu bisa coba menjalankannya pada emulator atau device. Jika tidak ada error, hasilnya akan seperti berikut:

Nah jika anda ingin menggunakan class Model / POJO (Plain Old Java Object) pengertian singkat POJO berfungsi sebagai acuan data/standarisasi agar konsisten. Jadi kita nanti harus input data sesuai POJO. caranya sedikit berbeda tapi hasil output nya sama, untuk contohnya saya ambil dari langkah-langkah diatas dimulai dari membuat class Model/POJO.

1. Buat class baru dengan nama class “ModelAndroid”. Maka akan menghasilkan full kodenya berikut ini.


2. Lalu pada class RecyclerViewAdapter.java sedikit ada perubahan maka akan menghasilkan full kode berikut.


3. Dan juga ada perubahan pada MainActivity.java full kodenya berikut.


4. Dan untuk hasil outputnya sama dengan langkah ke-6 diatas!

Sekian dulu untuk artiket saya kali ini semoga bisa membantu anda dan bermanfaat bagi anda jika ada kesalahan kosa kata, mohon dimaafkan! dan jika ada langkah-langkah yang salah mohon dikoreksi lagi.

Happy Coding Developer Android!

Wassalamualaikum Warahmatullahi Wabarakatuh.

Terakhit Diperbaharui 1 April 2020

Bagikan Artikel

Facebook Twitter Pinterest Whatsapp