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).

 Untuk menampilkan sebuah daftar atau list yang complex Cara Membuat ReyclerView dan CardView Android



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:



 Untuk menampilkan sebuah daftar atau list yang complex Cara Membuat ReyclerView dan CardView Android
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 

 Untuk menampilkan sebuah daftar atau list yang complex Cara Membuat ReyclerView dan CardView Android
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


 Untuk menampilkan sebuah daftar atau list yang complex Cara Membuat ReyclerView dan CardView Android
Configure New Project

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

 Untuk menampilkan sebuah daftar atau list yang complex Cara Membuat ReyclerView dan CardView Android
Target Android Devices

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


 Untuk menampilkan sebuah daftar atau list yang complex Cara Membuat ReyclerView dan CardView Android
Empty Activity

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


 Untuk menampilkan sebuah daftar atau list yang complex Cara Membuat ReyclerView dan CardView Android
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.


     Untuk menampilkan sebuah daftar atau list yang complex Cara Membuat ReyclerView dan CardView Android
    Hasil ReyclerView dan CardView 



    Sumber https://www.okedroid.com/
    Show comments
    Hide comments

    0 Response to "Cara Menciptakan Reyclerview Dan Cardview Android"

    Post a Comment

    Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
    1. Tidak mengandung SARA
    2. Komentar SPAM dan JUNK akan dihapus
    3. Tidak diperbolehkan menyertakan link aktif
    4. Berkomentar dengan format (Name/URL)

    NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

    Klik subscribe by email agar Anda segera tahu balasan komentar Anda

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel

    close