Tutorial Android : RecyclerView dan CardView

Bismillaahirrahmaanirrahiim,,

Tutorial Android Menggunakan Android Studio Bahasa Indonesia - Cara Membuat Aplikasi Android - Hai guys, kali ini kita akan coba mengimplementasi RecyclerView dan CardView dalam project kita.

 

Konsep :

---

Sebelum kita mulai mengkoding-nya, mari kita pahami dahulu apa itu sebenarnya RecyclerView dan CardView.

 

— RecyclerView :

Terkadang dalam sebuah aplikasi kita ingin menampilkan sebuah set data yang berjumlah besar (ratusan — atau mungkin sampai jutaan). Nah disini kita tentu perlu sebuah view yang mampu menghandle itu. Adapun sebelum RecyclerView ada namanya ListView. Namun ada beberapa kekurangan yang ada pada ListView. Disini muncullah RecyclerView dengan kemampuan yang lebih baik dari ListView (lebih cepat dan lebih efisien — terutama dalam menangani data berjumlah besar). Adapun contoh penggunaan RecyclerView ada pada GMail.

Untuk penejelasan lebih lengkap bisa dilihat di : https://developer.android.com/training/material/lists-cards.html

 

— CardView :

CardView merupakan view paketan dari Material Design — diperkenalkan pada Android Versi Lolipop. Bentuk view ini biasa digunakan untuk pembungkusan data (sepaket data — beberapa view) yang ditandai dengan tampilan view nya yang memiliki drop shadow (elevation) dan corner radius. Adapun CardView ini merupakan subclass dari FrameLayout.

Baik, itulah konsep dari RecyclerView dan CardView, sekarang mari kita kombinasikan keduanya dengan menggunakan custom adapter dalam contoh project praktikan berikut :

 

Praktik :

---

1. Tambah Dependencies

Pertama kita tambahkan dependencies dalam gradle .

Diatas saya memakai support library version 28.0.0, jika terjadi error di sini, maka samakan support library version anda dengan compileSdkVersion anda. Lihat supportLibraryVersion.

 

2. Tambahkan RecyclerView pada layout

Kemudian kita tambahkan RecyclerView pada activity_main.xml kita :

 

3. Buat Model Class

Disini saya contohkan kelas mahasiswa yang berisi nama, npm, dan no hp.

 

4. Buat layout list_itemnya

Setelah itu mari kita buat layout untuk list-item nya. Ini untuk mendeskripsikan apa-apa saja element dalam baris list. Disinilah kita letakkan CardView-nya. Dalam contoh ini kita ingin menampilkan nama, npm dan nohp dalam TextView :

 

5. Buat Adapter

Setelah itu, kita perlu membuat adapternya untuk si RecyclerView :

 

6. Set Adapter ke RecyclerView dalam MainActivity

Langkah terakhir adalah kita mengeset adapter ke recyclerview. Disini saya masukkan 4 dummy data object Mahasiswa, yang saya masukkan kedalam ArrayList, yang kemudian kita passing ke adapternya :
Jika tidak ada error , maka akan terlihat hasilnya seperti berikut :

Jika ada yang ingin source code nya langsung, silahkan kunjungin repo nya :
Source Code on GitHub
Sekian tutorialnya, jika ada yang mau bertanya, silahkan berkomentar. Happy Coding.!