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

Postingan populer dari blog ini

Rekursif - Tower of Hanoi

Konsep dan Pemakaian Array

Implementasi Stack