Single post

4.4: Create a Recycler View

Task 1. Create and configure a new project

1.1. proyek

1.2 Tambahkan pustaka dukungan ke file build

2.1 Tambahkan kode untuk membuat data

Dalam tugas ini, Anda akan secara dinamis membuat daftar tertaut yang berisi dua puluh string kata yang berakhiran dengan angka yang bertambah, misalnya [“Word 1”, “Word 2”, “Word 3”, … ].

Anda harus menggunakan LinkedList untuk praktik ini. Lihat kode solusi, jika Anda memerlukan bantuan

Task 3. Create a RecyclerView

3.1. Create the main layout in activity_main.xml

Dalam praktik ini Anda akan menampilkan data di RecyclerView. Karena ada beberapa bagian pada proses membuat RecyclerView yang berfungsi, pastikan Anda langsung memperbaiki kesalahan apa pun yang Anda lihat di Android Studio.

Untuk menampilkan data dalam RecyclerView, Anda memerlukan bagian berikut:

  • Data. Anda akan menggunakan mWordList.
  • RecyclerView. Daftar gulir yang berisi item daftar.
  • Layout untuk satu item data. Semua item daftar tampak sama.
  • Pengelola layout. Pengelola layout menangani pengelolaan (layout) komponen antarmuka pengguna di sebuah tampilan. Anda telah menggunakan LinearLayout di praktik sebelumnya tempat sistem Android menangani layout untuk Anda. RecyclerView RecyclerView memerlukan pengelola layout eksplisit untuk mengelola susunan item daftar yang terdapat di dalamnya. Layout ini bisa vertikal, horizontal, atau berupa petak. Anda akan menggunakan pengelola layout linear vertikan yang disediakan oleh Android.
  • Adaptor. Adaptor menghubungkan data Anda dengan RecyclerView. Ini menyiapkan data dalam holder tampilan. Anda akan membuat adaptor yang disisipkan ke dan memperbarui kata yang dihasilkan di tampilan Anda.
  • Holder tampilan. Di dalam adaptor, Anda akan membuat kelas ViewHolder yang berisi informasi tampilan untuk menampilkan satu item dari layout item.

Diagram berikut menampilkan hubungan antara data, adaptor, holder view, dan pengelola layout

 

3.2 Buat layout untuk satu item daftar

 

3.3 Buat gaya dari atribut TextView

 

3.4. Buat adapter dengan holder tampilan

3.5 Buat holder tampilan

 

3.6 Menyimpan data Anda di adaptor

3.7 Buat RecyclerView di Main Activity

Tugas 4. Membuat daftar agar interaktif

4.1 Buat item merespons klik

Tugas 5. Menambahkan FAB untuk menyisipkan item

5.1. Menambahkan Tombol Aksi Mengambang (FAB)

5.2 Tambahkan perilaku ke FAB

Hasil run

 

 

LEAVE A COMMENT

theme by teslathemes