Tugas 8 PPB - Image Scroll
Nama : Afiq Akram
NRP : 5025201270
Kelas : PPB - I
Tahun : 2024
Image Scroll
Pada tugas kali ini, kita akan membuat aplikasi dengan tampilan komponen image scroll seperti card dengan isi gambar. Langkah pertama dalam mengonfigurasi antarmuka pengguna (UI) untuk menampilkan daftar ini adalah dengan membuat List Item, yang merupakan komponen dasar dari daftar tersebut. Setiap List Item akan memiliki dua elemen utama: sebuah gambar untuk memberikan dimensi visual dan sebuah string yang berisi teks afirmasi.
Data yang diperlukan untuk membuat setiap item dalam daftar ini sudah disediakan dalam bentuk kode awal pada cabang 'starter'. Unduh ZIP-nya, buka proyek tersebut di Android Studio, dan jalankan programnya. Selanjutnya, buat folder baru di dalam direktori com.example.affirmation dengan nama 'model'. Lalu, buat file baru dalam folder tersebut dan beri nama 'Affirmation'. Berikut adalah kode untuk file affirmation.kt.
Aktifkan sumber kode Datasource.kt pada folder data di com.example.affirmation
Hapus komen pada sumber kode yang sudah ada pada Datasource.kt, sehingga menjadi seperti berikut:
Menambahkan daftar ke aplikasi
1. Membuat AffirmationCard untuk card per gambar
Tambahkan method AffirmationCard, dimana kita menggunakan fungsi Card berisi Column dengan konten pada Column berupa Gambar dan Text.
2. Membuat preview untuk card
Untuk menampilkan previes dari card yang sudah kita buat, kita dapat mendefinisikan method jenis preview sebagai berikut:
3. Membuat list card
Tambahkan method AffirmationList untuk merangkai beberapa card gambar menjadi satu, di sini kita menggunakan fungsi LaztColumn dan items, serta memanfaatkan method AffirmationCard yang sudah kita definisikan sebelumnya.
4. Manampilkan hasil list card pada aplikasi
Modifikasi method AffirmationApp jadi seperti ini:
Hasil
Komentar
Posting Komentar