Week 14: Easy to Search in RecyclerView

RecyclerView sering digunakan untuk mengimplementasikan sekumpulan data, baik dalam bentuk list secara vertikal/horizontal, maupun grid dengan gambar-gambar pendukungnya. Dalam pengimplementasian sekumpulan data berbentuk list, sangat wajar apabila turut disertakan fitur search untuk mempermudah user menemukan data yang dicari di dalam list tersebut.

Pada kesempatan kali ini, akan dijelaskan bagaimana mudahnya mengimplementasikan search untuk mencari data yang diinginkan dalam RecyclerView. Oh iya, di sini tidak akan dijelaskan lagi bagaimana caranya menggunakan RecyclerView ya, melainkan langsung implementasi fitur search dengan RecyclerView yang sudah ada. Jika ingin melihat cara-cara bagaimana menggunakan RecyclerView, silakan kunjungi post saya sebelumnya di sini :D

Berikut ini hasil yang diharapkan setelah mengikuti langkah-langkah yang akan dijelaskan di bawah:

---

Langkah 1

Persiapkan dulu icon search yang diinginkan untuk ditampilkan di dalam folder drawable.

Langkah 2

Buat sebuah direktori menu yang berisikan sebuah file xml menu.

Berikut ini adalah isi dari options_menu.xml

Langkah 3

Tambahkan method onCreateOptionsMenu di dalam activity/fragment yang akan ditambahkan fitur search.

1) Activity

2) Fragment

Tambahkan juga pemanggilan method di bawah di dalam method onCreateView.

Langkah 4

Implementasikan method filter / logic dari search yang diinginkan pada activity/fragment di atas.

Seperti yang terlihat pada gambar di Langkah 3, terdapat dua method untuk implementasi logic, apakah ingin saat teks berubah otomatis ter-filter (seperti pada contoh yang dibahas di post ini), atau ingin dibutuhkan submit terlebih dahulu agar filter bisa berjalan.

Langkah 5

Update list pada adapter agar perubahan setelah search dapat terlihat.

Sumber:

http://stackoverflow.com/questions/30398247/how-to-filter-a-recyclerview-with-a-searchview

https://www.youtube.com/watch?v=j9_hcfWVkIc