1 Feb 2018

Tutorial Android : Membuat List atau Grid menggunakan RecylerView

Apa itu RecyclerView?

RecyclerView sebenarnya adalah ListView dengan versi yang lebih terbaru dan flexibel. Widget ini digunakan untuk menampilkan set data dengan jumlah yang besar yang akan ditampilkan secara efisien dengan cara mempertahankan tampilan dengan jumlah yang terbatas. Penyederhaan tampilan serta penanganan jumlah data yang besar itu didukung RecyclerView dengan pengelolaan layout untuk memposisikan Item dan animasi default untuk operasi item umum seperti penghapusan serta penambahan item.

Untuk menggunakan widget ini kita membutuhkan Adapter dan pengelola Layout. Pengelola layout ini nantinya akan berfungsi untuk memposisikan tampilan item dan menentukan waktu untuk menggunakan ulang tampilan item yang tidak terlihat lagi oleh pengguna. Untuk pembuatan adapter kita harus membuat sebuah class dengan extends RecyclerView.Adapter
Skema RecyclerView masrahman28.blogspot.com

RecyclerView List

Recycler List masrahman28.blogspot.com
Oke selanjutnya kita coba untuk membuat RecyclerView dengan bentuk List terlebih dahulu ya, baru setelah itu kita akan mencoba membuat RecyclerView dengan bentuk Grid yang ada kolom dan barisnya.

Langsung saja kita buat satu buah project dengan nama RecyclerList, langsung next next saja sampai minimum SDK nya lalu untuk Activity yang kita buat pilih Empty Activity saja ya
Membuat Activity masrahman28.blogspot.com

Next dan Finish saja, maka kita akan memiliki dua buah file yaitu MainActivity.java dan activity_main.xml

Selanjutnya kita masuk ke Menu File > Project Structure lalu masuk ke Module app dan pilih tab dependencies untuk menambahkan Library Dependecy
Tambah Dependecies masrahman28.blogspot.com
Lalu cari com.android.support:design untuk menambahkan satu library kita harus menggunakan versi yang sama dengan API level dari target SDK kita atau untuk memudahkannya kita samakan dengan versi dependecies yang lainnya yang telah kita gunakan seperti pada gambar di bawah ini
Menambahkan Library Dependecy masrahman28.blogspot.com
Jika sudah ketemu tinggal OK OK saja untuk menambahkan dan tunggu hingga gradle build selesai. Ingat ya untuk selalu mengetik coding-coding yang ada dari tutorial manapun agar kita dapat memahami serta memudahkan kita untuk mengerjakan project selanjutnya. Oke kita masuk ke activity_main.xml dan tambahkan widget RecyclerView menjadi seperti ini

Kita telah menambahakn widget yang dibutuhkan, saatnya kita membuat satu buah lagi layout sebagai view yang akan digunakan untuk list yang dibuat, kita beri nama saja list_row.xml yang isinya hanya textview

Sesuai dengan yang dijelaskan sebelumnya, untuk menggunakan RecyclerView kita membutuhkan Adapter. Kita buat satu buah class adapter dengan nama ListAdapter silahkan membuat class terpisah atau menyisipkan class tersebut pada MainAcitivity.java seperti yang saya lakukan, berikut ListAdapter yang dibuat

Adapter telah kita buat, lalu maka kita tinggal mendefinisikan RecyclerView beserta datanya, saya berikan contoh data dengan looping aja ya hehe

Jika sudah selesai maka List dengan menggunakan RecyclerView yang kita buat telah selesai dan dapat kita jalankan. Untuk full code nya sebagai berikut

Selanjutnya kita akan bahas RecyclerView dengan bentuk Grid dimana list akan mengisi kolom terlebih dahulu baru turun ke baris.

Untuk membuat RecyclerView dengan tipe Grid kita hanya perlu merubah satu baris coding saja


Silahkan coba, sudah berubah menjadi Grid bukan tampilan yang dibuat. Mudah bukan? Iya dong pastinya.

Untuk project RecyclerView List nya Download disini

Tidak ada komentar:

Posting Komentar