Cara Menciptakan Reyclerview Dan Cardview Android

Untuk menampilkan sebuah daftar atau list yang complex, di dalam hidangan item  yang berbentuk kartu(cards), dengan gaya Material Design. Kalian sanggup menggunakan ReyclerView dan widget CardView pada Aplikasi Android yang sedang kalian kembangkan.

ReyclerView ialah sebuah versi lanjutan  dari ListView dengan gaya Material Design. Fungsinya sama saja yaitu menampilkan sebuah daftar/list item hidangan ,namun dengan fitur yang lebih canggih di bandingkan ListView.  RecyclerView dipakai untuk memuat data yang lebih besar ,serta reusable berubah-ubah ,tergantung interaksi user(pengguna).

ReyclerView memakai Layout manager  yang berfungsi untuk memposisikan item menu. Serta ReyclerView sanggup menampilkan sebuah animasi standar ,pada ketika item hidangan di tambahkan dan dihapus oleh interaksi user (pengguna). Layout manager akan menggunakan Adapter untuk mengatur kanal dan resource view dari item data atau Dataset(kumpulan data) ,yang akan ditampilkan pada screen(layar). Contoh penerapanya sanggup kalian lihat pada gambar dibawah:

ReyclerView (image by developer.android.com)

Cardview ialah turunan dari (extends) FrameLayout  ,yang akan menampilkan sebuah item hidangan atau konten dalam bentuk kartu (cards). Ciri-ciri dari Cardview terdapat sebuah bayangan dan sudut bulat(rounded corner).

Pada tutorial berguru android kali ini , kita akan mencoba menciptakan widget ReyclerView dan CardView dengan gaya Material Design Android.

1. Pertama buka Android Studio 

2. Pilih Start a New Android Studio Project 

Start a New Android Studio Project

                                        

3.Kedua pada bagian Create New Project, sesuaikan dengan nama dan package serta lokasi file yang akan kalian gunakan. Untuk teladan aku memakai ibarat yang ada di gambar di bawah. Jika sudah pilih Next.

• Application name: ReyclerView and CardView
• Company Domain : okedroid.com
• Package Name   :com.okedroid.reyclerviewandcardview

Configure New Project

4. Selanjutnya tentukan Target Android Devices dari Aplikasi kalian , secara default aku memakai API 15 untuk minimumnya. Jika sudah pilih Next.

Target Android Devices

5. Pada bagian Add an Activity to Mobile , kita sanggup memilih Empty Activity lalu pilih Next.

Empty Activity

6. Selanjutnya di bagian Customize the Activity kita hanya perlu menentukan tombol Finish.

Customize the Activity

7.Setelah itu kita tunggu hingga proses building project gradle final .

8. Setelah final proses building , kita akan mencoba menciptakan ReyclerView dan CardView  berikut langkah-langkahnya: 

1) Setup Gradle

Sebelum memulai untuk secara default pastikan pada build gradle khususnya di bagian dependencies kalian setting ibarat ini :

2) Layout

Pada file layout activity_main.xml  ,kalian sanggup menerapkan baris intruksi (codingan) dibawah.

Di file layout ini kita akan mencoba menyematkan widget ReyclerView.

activity_main.xml

Lalu pada folder layout kalian buat file layout gres , Sebagai teladan nama file yang aku namakan yaitu item_list.xml 

Di file layout ini kita akan menerapkan dan menampilkan hidangan item dari widget CardView , yang akan disejajarkan dengan ReyclerView.

item_list.xml 

3) Activity 

Pada file class Activity MainActivity.java kalian sanggup menerapkan baris intruksi (codingan) dibawah.

Di file class Activity  ini kita akan mendeklarasikan dan menciptakan obyek ReyclerView dan menset LayoutManager.

MainActivity.java

Lalu pada folder java kalian buat 2 file class Activity gres ,sebagai teladan aku akan menamakan file nya ReyclerAdapter.java dan ReyclerViewHolder.java

Di file ini kita akan menerapkan Adapter yang dipakai untuk mengatur kanal dan resource view dari item data atau Dataset(kumpulan data).

Kalian salin baris intruksi (codingan) dibawah pada masing-masing file.

ReyclerAdapter.java

ReyclerViewHolder.java

(i) Jika kalian ingin menerapkan Intent untuk menghubungkan Antar Activity pada ReyclerAdapter.java
kalian replace (ganti) code berikut :
            Toast.makeText(context,"Item Ini berada pada posisi "+position,Toast.LENGTH_LONG ).show();
menjadi
            if (position == 0 && position < getItemCount())            {                Intent intent = new Intent(context , MainActivity2.class);
                context.startActivity(intent);
            }

7) Run project Aplikasi

Setelah final semua kita coba jalankan Aplikasinya lewat Android Studio.

Hasilnya kurang lebih akan terlihat ibarat ini.

Hasil ReyclerView dan CardView 

Sumber https://www.okedroid.com/

Share this post