Dasar-Dasar Android Kotlin 07.4: Berinteraksi dengan item RecyclerView

Codelab ini adalah bagian dari kursus Dasar-Dasar Android Kotlin. Anda akan mendapatkan manfaat maksimal dari kursus ini jika menyelesaikan codelab secara berurutan. Semua codelab kursus tercantum di halaman landing codelab Dasar-Dasar Android Kotlin.

Codelab ini adalah bagian dari rangkaian yang memandu Anda dalam membuat aplikasi pelacak tidur yang menampilkan data tidur dalam RecyclerView. Sebaiknya pelajari semua codelab secara berurutan, karena Anda perlu menyelesaikan setiap tugas langkah demi langkah.

Codelab dalam seri ini adalah:

• 7.1 Dasar-dasar RecyclerView
• 7.2 DiffUtil dan data binding dengan RecyclerView
• 7.3 GridLayout dengan RecyclerView
• 7.4 Berinteraksi dengan item RecyclerView
• 7.5 Header di RecyclerView

Pengantar

Sebagian besar aplikasi yang menggunakan daftar dan petak yang menampilkan item memungkinkan pengguna berinteraksi dengan item. Mengetuk item dari daftar dan melihat detail item adalah kasus penggunaan yang sangat umum untuk jenis interaksi ini. Untuk mencapainya, Anda dapat menambahkan pemroses klik yang merespons ketukan pengguna pada item dengan menampilkan tampilan detail.

Dalam codelab ini, Anda akan menambahkan interaksi ke RecyclerView, dengan membangun versi yang diperluas dari aplikasi sleep-tracker dari rangkaian codelab sebelumnya.

Yang harus sudah Anda ketahui

• Membangun antarmuka pengguna dasar menggunakan aktivitas, fragmen, dan tampilan.
• Menavigasi antar-fragmen, dan menggunakan safeArgs untuk meneruskan data antar-fragmen.
• Melihat model, melihat factory model, transformasi, dan LiveData serta pengamatnya.
• Cara membuat database Room, membuat objek akses data (DAO), dan menentukan entity.
• Cara menggunakan coroutine untuk database dan tugas berjalan lama lainnya.
• Cara menerapkan RecyclerView dasar dengan Adapter, ViewHolder, dan tata letak item.
• Cara menerapkan data binding untuk RecyclerView.
• Cara membuat dan menggunakan adaptor binding untuk mengubah data.
• Cara menggunakan GridLayoutManager.

Yang akan Anda pelajari

• Cara membuat item di RecyclerView dapat diklik. Terapkan click listener untuk membuka tampilan detail saat item diklik.

Yang akan Anda lakukan

• Membangun versi yang diperluas dari aplikasi TrackMySleepQuality dari codelab sebelumnya dalam seri ini.
• Tambahkan pemroses klik ke daftar Anda dan mulai memproses interaksi pengguna. Saat item daftar diketuk, item tersebut akan memicu navigasi ke fragmen dengan detail item yang diklik. Kode awal menyediakan kode untuk fragmen detail, serta kode navigasi.

Aplikasi pelacak tidur awal memiliki dua layar, yang diwakili oleh fragmen, seperti yang ditunjukkan pada gambar di bawah.

Layar pertama, yang ditampilkan di sebelah kiri, memiliki tombol untuk memulai dan menghentikan pelacakan. Layar menampilkan beberapa data tidur pengguna. Tombol Hapus akan menghapus semua data yang telah dikumpulkan aplikasi untuk pengguna secara permanen. Layar kedua, yang ditampilkan di sebelah kanan, adalah untuk memilih rating kualitas tidur.

Aplikasi ini menggunakan arsitektur yang disederhanakan dengan pengontrol UI, model tampilan dan LiveData, serta database Room untuk mempertahankan data tidur.

Dalam codelab ini, Anda akan menambahkan kemampuan untuk merespons saat pengguna mengetuk item dalam petak, yang akan menampilkan layar detail seperti di bawah. Kode untuk layar ini (fragmen, model tampilan, dan navigasi) disediakan dengan aplikasi awal, dan Anda akan menerapkan mekanisme penanganan klik.

Penting: Aplikasi awal untuk codelab ini menyediakan tata letak, resource, dan utilitas tambahan yang bukan bagian dari aplikasi TrackMySleepQuality akhir dari codelab sebelumnya. Sebaiknya gunakan kode awal yang disediakan untuk menyelesaikan codelab ini.

Langkah 1: Dapatkan aplikasi awal

1. Download kode RecyclerViewClickHandler-Starter dari GitHub dan buka project di Android Studio.
2. Bangun dan jalankan aplikasi pelacak tidur awal.

[Opsional] Update aplikasi Anda jika Anda ingin menggunakan aplikasi dari codelab sebelumnya

Jika Anda akan mengerjakan aplikasi awal yang disediakan di GitHub untuk codelab ini, lanjutkan ke langkah berikutnya.

Jika Anda ingin terus menggunakan aplikasi pelacak tidur yang Anda buat di codelab sebelumnya, ikuti petunjuk di bawah untuk mengupdate aplikasi yang ada agar memiliki kode untuk fragmen layar detail.

Tips: Untuk menyalin file dari sistem file ke Android Studio, Anda dapat menyalin dan menempelkannya, atau menarik lalu melepasnya.

1. Meskipun Anda melanjutkan dengan aplikasi yang ada, dapatkan kode RecyclerViewClickHandler-Starter dari GitHub agar Anda dapat menyalin file.
2. Salin semua file dalam paket sleepdetail.
3. Di folder layout, salin file fragment_sleep_detail.xml.
4. Salin konten navigation.xml yang telah diperbarui, yang menambahkan navigasi untuk sleep_detail_fragment.
5. Di paket database, di SleepDatabaseDao, tambahkan metode getNightWithId() baru:
   

/**
 * Selects and returns the night with given nightId.
*/
@Query("SELECT * from daily_sleep_quality_table WHERE nightId = :key")
fun getNightWithId(key: Long): LiveData<SleepNight>

6. Di res/values/strings, tambahkan resource string berikut:
   

<string name="close">Close</string>

7. Bersihkan dan bangun ulang aplikasi Anda untuk memperbarui data binding.
   

Langkah 2: Periksa kode untuk layar detail tidur

Dalam codelab ini, Anda akan menerapkan pengendali klik yang menavigasi ke fragmen yang menampilkan detail tentang malam tidur yang diklik. Kode awal Anda sudah berisi fragmen dan grafik navigasi untuk SleepDetailFragment ini, karena kode tersebut cukup banyak, dan fragmen serta navigasi bukan bagian dari codelab ini. Pahami kode berikut:

1. Di aplikasi Anda, temukan paket sleepdetail. Paket ini berisi fragmen, model tampilan, dan factory model tampilan untuk fragmen yang menampilkan detail tidur selama satu malam.
   
   
2. Di paket sleepdetail, buka dan periksa kode untuk SleepDetailViewModel. Model tampilan ini mengambil kunci untuk SleepNight dan DAO dalam konstruktor.
   
   Isi class memiliki kode untuk mendapatkan SleepNight untuk kunci tertentu, dan variabel navigateToSleepTracker untuk mengontrol navigasi kembali ke SleepTrackerFragment saat tombol Tutup ditekan.
   
   Fungsi getNightWithId() menampilkan LiveData<SleepNight> dan ditentukan dalam SleepDatabaseDao (dalam paket database).
   
   
3. Di paket sleepdetail, buka dan periksa kode untuk SleepDetailFragment. Perhatikan penyiapan untuk binding data, model tampilan, dan pengamat untuk navigasi.
   
   
4. Di paket sleepdetail, buka dan periksa kode untuk SleepDetailViewModelFactory.
   
   
5. Di folder tata letak, periksa fragment_sleep_detail.xml. Perhatikan variabel sleepDetailViewModel yang ditentukan dalam tag <data> untuk mendapatkan data yang akan ditampilkan di setiap tampilan dari model tampilan.
   
   Tata letak berisi ConstraintLayout yang berisi ImageView untuk kualitas tidur, TextView untuk rating kualitas, TextView untuk durasi tidur, dan Button untuk menutup fragmen detail.
   
   
6. Buka file navigation.xml. Untuk sleep_tracker_fragment, perhatikan tindakan baru untuk sleep_detail_fragment.
   
   Tindakan baru, action_sleep_tracker_fragment_to_sleepDetailFragment, adalah navigasi dari fragmen pelacak tidur ke layar detail.

Dalam tugas ini, Anda akan memperbarui RecyclerView untuk merespons ketukan pengguna dengan menampilkan layar detail untuk item yang diketuk.

Menerima dan menangani klik adalah tugas dua bagian: Pertama, Anda perlu memproses dan menerima klik serta menentukan item mana yang telah diklik. Kemudian, Anda perlu merespons klik dengan tindakan.

Jadi, di mana tempat terbaik untuk menambahkan pemroses klik untuk aplikasi ini?

• SleepTrackerFragment menghosting banyak tampilan, sehingga memproses peristiwa klik di tingkat fragmen tidak akan memberi tahu Anda item mana yang diklik. Bahkan, Anda tidak akan tahu apakah yang diklik adalah item atau salah satu elemen UI lainnya.
• Saat mendengarkan di tingkat RecyclerView, sulit untuk mengetahui item mana dalam daftar yang diklik pengguna.
• Kecepatan terbaik untuk mendapatkan informasi tentang satu item yang diklik adalah di objek ViewHolder, karena objek tersebut merepresentasikan satu item daftar.

Meskipun ViewHolder adalah tempat yang tepat untuk mendeteksi klik, biasanya bukan tempat yang tepat untuk menanganinya. Jadi, di mana tempat terbaik untuk menangani klik?

• Adapter menampilkan item data dalam tampilan, sehingga Anda dapat menangani klik di adaptor. Namun, tugas adaptor adalah mengadaptasi data untuk ditampilkan, bukan menangani logika aplikasi.
• Anda biasanya harus menangani klik di ViewModel, karena ViewModel memiliki akses ke data dan logika untuk menentukan apa yang perlu terjadi sebagai respons terhadap klik.

Tips: Ada pola lain untuk menerapkan pendengar klik di RecyclerViews, tetapi pola yang Anda gunakan dalam codelab ini lebih mudah dijelaskan dan lebih mudah diterapkan. Saat mengerjakan aplikasi Android, Anda akan menemukan berbagai pola untuk menggunakan pemroses klik di RecyclerViews. Semua pola memiliki kelebihannya masing-masing.

Langkah 1: Buat click listener dan picu dari tata letak item

1. Di folder sleeptracker, buka SleepNightAdapter.kt.
2. Di akhir file, di tingkat teratas, buat class listener baru, SleepNightListener.

class SleepNightListener() {
    
}

3. Di dalam class SleepNightListener, tambahkan fungsi onClick(). Saat tampilan yang menampilkan item daftar diklik, tampilan akan memanggil fungsi onClick() ini. (Anda akan menyetel properti android:onClick tampilan ke fungsi ini nanti.)

class SleepNightListener() {
    fun onClick() = 
}

4. Tambahkan argumen fungsi night jenis SleepNight ke onClick(). Tampilan mengetahui item yang sedang ditampilkan, dan informasi tersebut perlu diteruskan untuk menangani klik.

class SleepNightListener() {
    fun onClick(night: SleepNight) = 
}

5. Untuk menentukan fungsi onClick(), berikan callback clickListener di konstruktor SleepNightListener dan tetapkan ke onClick().
   
   Memberi nama lambda yang menangani klik, clickListener , membantu melacaknya saat diteruskan antar-class. Callback clickListener hanya memerlukan night.nightId untuk mengakses data dari database. Class SleepNightListener yang sudah selesai akan terlihat seperti kode di bawah.

class SleepNightListener(val clickListener: (sleepId: Long) -> Unit) {
   fun onClick(night: SleepNight) = clickListener(night.nightId)
}

6. Buka list_item_sleep_night.xml.
7. Di dalam blok data, tambahkan variabel baru untuk membuat class SleepNightListener tersedia melalui binding data. Beri <variable> baru name clickListener. Tetapkan type ke nama yang sepenuhnya memenuhi syarat untuk class com.example.android.trackmysleepquality.sleeptracker.SleepNightListener, seperti yang ditunjukkan di bawah. Anda kini dapat mengakses fungsi onClick() di SleepNightListener dari tata letak ini.

<variable
            name="clickListener"
            type="com.example.android.trackmysleepquality.sleeptracker.SleepNightListener" />

8. Untuk memproses klik di bagian mana pun dari item daftar ini, tambahkan atribut android:onClick ke ConstraintLayout.
   
   Tetapkan atribut ke clickListener:onClick(sleep) menggunakan lambda data binding, seperti yang ditunjukkan di bawah:

android:onClick="@{() -> clickListener.onClick(sleep)}"

Langkah 2: Teruskan pemroses klik ke holder tampilan dan objek binding

1. Buka SleepNightAdapter.kt.
2. Ubah konstruktor class SleepNightAdapter untuk menerima val clickListener: SleepNightListener. Saat mengikat ViewHolder, adaptor akan perlu memberikannya pemroses klik ini.

class SleepNightAdapter(val clickListener: SleepNightListener):
       ListAdapter<SleepNight, SleepNightAdapter.ViewHolder>(SleepNightDiffCallback()) {

3. Di onBindViewHolder(), perbarui panggilan ke holder.bind() agar juga meneruskan pemroses klik ke ViewHolder. Anda akan mendapatkan error compiler karena menambahkan parameter ke panggilan fungsi.

holder.bind(getItem(position)!!, clickListener)

4. Tambahkan parameter clickListener ke bind(). Untuk melakukannya, letakkan kursor pada error, lalu tekan Alt+Enter (Windows) atau Option+Enter (Mac) pada error untuk , seperti yang ditunjukkan pada screenshot di bawah.
   
   

5. Di dalam class ViewHolder, di dalam fungsi bind(), tetapkan pemroses klik ke objek binding. Anda melihat error karena Anda perlu memperbarui objek pengikatan.

binding.clickListener = clickListener

6. Untuk memperbarui binding data, Bersihkan dan Bangun ulang project Anda. (Anda mungkin juga perlu membatalkan validasi cache.) Jadi, Anda telah mengambil pemroses klik dari konstruktor adaptor, dan meneruskannya hingga ke penampung tampilan dan ke dalam objek binding.

Langkah 3: Menampilkan toast saat item diketuk

Sekarang Anda telah menempatkan kode untuk merekam klik, tetapi Anda belum menerapkan apa yang terjadi saat item daftar diketuk. Respons paling sederhana adalah menampilkan toast yang menunjukkan nightId saat item diklik. Hal ini memastikan bahwa saat item daftar diklik, nightId yang benar akan diambil dan diteruskan.

1. Buka SleepTrackerFragment.kt.
2. Di onCreateView(), temukan variabel adapter. Perhatikan bahwa kode tersebut menampilkan error, karena sekarang mengharapkan parameter pemroses klik.
3. Tentukan pemroses klik dengan meneruskan lambda ke SleepNightAdapter. Lambda sederhana ini hanya menampilkan toast yang menunjukkan nightId, seperti yang ditunjukkan di bawah. Anda harus mengimpor Toast. Berikut adalah definisi lengkap yang diperbarui.

val adapter = SleepNightAdapter(SleepNightListener { nightId ->
   Toast.makeText(context, "${nightId}", Toast.LENGTH_LONG).show()
})

4. Jalankan aplikasi, ketuk item, dan pastikan item menampilkan toast dengan nightId yang benar. Karena item memiliki nilai nightId yang meningkat, dan aplikasi menampilkan malam terbaru terlebih dahulu, item dengan nightId terendah berada di bagian bawah daftar.

Dalam tugas ini, Anda mengubah perilaku saat item di RecyclerView diklik, sehingga alih-alih menampilkan toast, aplikasi akan membuka fragmen detail yang menampilkan informasi selengkapnya tentang malam yang diklik.

Langkah 1: Navigasi saat diklik

Pada langkah ini, alih-alih hanya menampilkan toast, Anda mengubah lambda pemroses klik di onCreateView() dari SleepTrackerFragment untuk meneruskan nightId ke SleepTrackerViewModel dan memicu navigasi ke SleepDetailFragment.

Tentukan fungsi pengendali klik:

1. Buka SleepTrackerViewModel.kt.
2. Di dalam SleepTrackerViewModel, di bagian akhir, tentukan fungsi pengendali klik onSleepNightClicked().

fun onSleepNightClicked(id: Long) {

}

3. Di dalam onSleepNightClicked(), picu navigasi dengan menyetel _navigateToSleepDetail ke id yang diteruskan dari malam tidur yang diklik.

fun onSleepNightClicked(id: Long) {
   _navigateToSleepDetail.value = id
}

4. Menerapkan _navigateToSleepDetail. Seperti yang telah Anda lakukan sebelumnya, tentukan private MutableLiveData untuk status navigasi. Dan val yang dapat diambil secara publik untuk melengkapinya.

private val _navigateToSleepDetail = MutableLiveData<Long>()
val navigateToSleepDetail
   get() = _navigateToSleepDetail

5. Tentukan metode yang akan dipanggil setelah aplikasi selesai menavigasi. Panggil onSleepDetailNavigated() dan tetapkan nilainya ke null.

fun onSleepDetailNavigated() {
    _navigateToSleepDetail.value = null
}

Tambahkan kode untuk memanggil pengendali klik:

6. Buka SleepTrackerFragment.kt dan scroll ke bawah ke kode yang membuat adapter dan menentukan SleepNightListener untuk menampilkan toast.

val adapter = SleepNightAdapter(SleepNightListener { nightId ->
   Toast.makeText(context, "${nightId}", Toast.LENGTH_LONG).show()
})

7. Tambahkan kode berikut di bawah toast untuk memanggil pengendali klik, onSleepNighClicked(), di sleepTrackerViewModel saat item diketuk. Teruskan nightId, sehingga model tampilan mengetahui malam tidur mana yang harus diambil. Hal ini akan menimbulkan error karena Anda belum menentukan onSleepNightClicked(). Anda dapat menyimpan, memberi komentar, atau menghapus toast, sesuai keinginan Anda.

sleepTrackerViewModel.onSleepNightClicked(nightId)

Tambahkan kode untuk mengamati klik:

8. Buka SleepTrackerFragment.kt.
9. Di onCreateView(), tepat di atas deklarasi manager, tambahkan kode untuk mengamati LiveData navigateToSleepDetail baru. Saat navigateToSleepDetail berubah, buka SleepDetailFragment, teruskan night, lalu panggil onSleepDetailNavigated() setelahnya. Karena Anda sudah pernah melakukannya di codelab sebelumnya, berikut kodenya:

sleepTrackerViewModel.navigateToSleepDetail.observe(this, Observer { night ->
            night?.let {
              this.findNavController().navigate(
                        SleepTrackerFragmentDirections
                                .actionSleepTrackerFragmentToSleepDetailFragment(night))
               sleepTrackerViewModel.onSleepDetailNavigated()
            }
        })

10. Jalankan kode Anda, klik item, dan ... aplikasi error.

Menangani nilai null di adaptor pengikatan:

11. Jalankan kembali aplikasi dalam mode debug. Ketuk item, lalu filter log untuk menampilkan Error. Stack trace akan ditampilkan, termasuk sesuatu seperti di bawah ini.

Caused by: java.lang.IllegalArgumentException: Parameter specified as non-null is null: method kotlin.jvm.internal.Intrinsics.checkParameterIsNotNull, parameter item

Sayangnya, stack trace tidak menunjukkan dengan jelas di mana error ini dipicu. Salah satu kekurangan data binding adalah dapat mempersulit proses men-debug kode Anda. Aplikasi mengalami error saat Anda mengklik item, dan satu-satunya kode baru adalah untuk menangani klik.

Namun, ternyata dengan mekanisme penanganan klik baru ini, adaptor binding kini dapat dipanggil dengan nilai null untuk item. Secara khusus, saat aplikasi dimulai, LiveData dimulai sebagai null, jadi Anda perlu menambahkan pemeriksaan null ke setiap adaptor.

12. Di BindingUtils.kt, untuk setiap adapter binding, ubah jenis argumen item menjadi nullable, dan bungkus isi dengan item?.let{...}. Misalnya, adaptor untuk sleepQualityString akan terlihat seperti ini. Ubah adapter lainnya dengan cara yang sama.

@BindingAdapter("sleepQualityString")
fun TextView.setSleepQualityString(item: SleepNight?) {
   item?.let {
       text = convertNumericQualityToString(item.sleepQuality, context.resources)
   }
}

13. Jalankan aplikasi Anda. Ketuk item, dan tampilan detail akan terbuka.

Project Android Studio: RecyclerViewClickHandler.

Untuk membuat item di RecyclerView merespons klik, lampirkan pemroses klik ke item daftar di ViewHolder, dan tangani klik di ViewModel.

Agar item di RecyclerView merespons klik, Anda harus melakukan hal berikut:

• Buat class pemroses yang mengambil lambda dan menetapkannya ke fungsi onClick().

class SleepNightListener(val clickListener: (sleepId: Long) -> Unit) {
   fun onClick(night: SleepNight) = clickListener(night.nightId)
}

• Tetapkan pemroses klik pada tampilan.

android:onClick="@{() -> clickListener.onClick(sleep)}"

• Teruskan pemroses klik ke konstruktor adaptor, ke dalam pemegang tampilan, dan tambahkan ke objek binding.

class SleepNightAdapter(val clickListener: SleepNightListener):
       ListAdapter<DataItem, RecyclerView.ViewHolder>(SleepNightDiffCallback()

holder.bind(getItem(position)!!, clickListener)

binding.clickListener = clickListener

• Di fragmen yang menampilkan tampilan recycler, tempat Anda membuat adaptor, tentukan pemroses klik dengan meneruskan lambda ke adaptor.

val adapter = SleepNightAdapter(SleepNightListener { nightId ->
      sleepTrackerViewModel.onSleepNightClicked(nightId)
})

• Terapkan pengendali klik di model tampilan. Untuk klik pada item daftar, hal ini biasanya memicu navigasi ke fragmen detail.

Kursus Udacity:

• Mengembangkan Aplikasi Android dengan Kotlin
• Bootcamp Kotlin untuk Pemrogram

Dokumentasi developer Android:

• Membuat Daftar dengan RecyclerView
• RecyclerView

Bagian ini mencantumkan kemungkinan tugas pekerjaan rumah untuk siswa yang mengerjakan codelab ini sebagai bagian dari kursus yang dipimpin oleh instruktur. Instruktur menentukan hal berikut:

• Memberikan pekerjaan rumah jika diperlukan.
• Memberi tahu siswa cara mengirimkan tugas pekerjaan rumah.
• Memberi nilai tugas pekerjaan rumah.

Instruktur bisa menggunakan saran ini sesuai kebutuhan, dan bebas menugaskan pekerjaan rumah lain yang dirasa cocok.

Jika Anda menyelesaikan codelab ini sendiri, gunakan tugas pekerjaan rumah ini untuk menguji pengetahuan Anda.

Jawab pertanyaan-pertanyaan berikut

Pertanyaan 1

Asumsikan bahwa aplikasi Anda berisi RecyclerView yang menampilkan item dalam daftar belanja. Aplikasi Anda juga menentukan class click-listener:

class ShoppingListItemListener(val clickListener: (itemId: Long) -> Unit) {
    fun onClick(cartItem: CartItem) = clickListener(cartItem.itemId)
}

Bagaimana cara membuat ShoppingListItemListener tersedia untuk pengikatan data? Pilih salah satu.

▢ Di file tata letak yang berisi RecyclerView yang menampilkan daftar belanja, tambahkan variabel <data> untuk ShoppingListItemListener.

▢ Di file tata letak yang menentukan tata letak untuk satu baris dalam daftar belanja, tambahkan variabel <data> untuk ShoppingListItemListener.

▢ Di class ShoppingListItemListener, tambahkan fungsi untuk mengaktifkan data binding:

fun onBinding (cartItem: CartItem) {dataBindingEnable(true)}

▢ Di class ShoppingListItemListener, di dalam fungsi onClick(), tambahkan panggilan untuk mengaktifkan data binding:

fun onClick(cartItem: CartItem) = { 
    clickListener(cartItem.itemId)
    dataBindingEnable(true)
}

Pertanyaan 2

Di mana Anda menambahkan atribut android:onClick agar item di RecyclerView merespons klik? Pilih semua yang sesuai.

▢ Di file tata letak yang menampilkan RecyclerView, tambahkan ke <androidx.recyclerview.widget.RecyclerView>

▢ Menambahkannya ke file tata letak untuk item di baris. Jika Anda ingin seluruh item dapat diklik, tambahkan ke tampilan induk yang berisi item di baris.

▢ Menambahkannya ke file tata letak untuk item di baris. Jika Anda ingin TextView tunggal di item dapat diklik, tambahkan ke <TextView>.

▢ Selalu tambahkan ke file tata letak untuk MainActivity.

Mulai pelajaran berikutnya: 7.5: Header di RecyclerView

Codelab ini adalah bagian dari rangkaian yang memandu Anda dalam membuat aplikasi pelacak tidur yang menampilkan data tidur dalam RecyclerView. Sebaiknya pelajari semua codelab secara berurutan, karena Anda perlu menyelesaikan setiap tugas langkah demi langkah.

Codelab dalam seri ini adalah:

• 7.1 Dasar-dasar RecyclerView
• 7.2 DiffUtil dan data binding dengan RecyclerView
• 7.3 GridLayout dengan RecyclerView
• 7.4 Berinteraksi dengan item RecyclerView
• 7.5 Header di RecyclerView