Membuat Image Scroll dengan menggunakan Desain Material

 

Aplikasi ini dimaksudkan untuk menampilkan daftar afirmasi. Langkah pertama dalam mengonfigurasi UI untuk menampilkan daftar adalah membuat List Item. Setiap item terdiri dari gambar dan string. Data untuk setiap item ini dilengkapi dengan kode awal, dan Anda akan membuat komponen UI untuk menampilkan item tersebut.

Item akan terdiri dari composable Card, yang berisi Image dan composable Text.

Beberapa satuan dalam View

px, dp, sp

● px: actual pixels on the screen

● dp: density-independent pixel, based on pixel density of

the phone (e.g. 160 dpi vs 440 dpi)

○ Use this for view padding/margins/width/height

● sp: scale-independent pixels, scaled by user’s font

preferences.

○ Use this for text

https://www.youtube.com/watch?v=K6b6OJzQ4BA

https://www.youtube.com/watch?v=KPVoQjwmWX4&list=PLQkwcJG4YTCSpJ2NLhDTHhi6XBNfk9WiC&index=4

Latihan

Membuat Image  Scroll

Form Tugas

Monitoring Pengumpulan

Referensi

• https://developer.android.com/courses/android-basics-compose/course?hl=id
• Add Scrollable List
• https://github.com/google-developer-training/basic-android-kotlin-compose-training-affirmations
• https://piazza.com/class_profile/get_resource/ktlu0ly5db84bb/kuz3vxzyo744i8
• https://gist.github.com/rpandey1234/2f5664a415ae48604aa74a80831bfd7f
• https://www.youtube.com/playlist?list=PL7NYbSE8uaBBSIHntxHhyD_Fy5NUznAaD
• https://www.youtube.com/watch?v=ERBEWmfz6h0&list=PLSrm9z4zp4mEWwyiuYgVMWcDFdsebhM-r
• https://www.youtube.com/watch?v=fR5jLDFEP7k&list=PLfxM_T9tLqIFeJSlofccBTB7uBdRaxHOW&index=16
• News App

Absensi

Kelas F 

Kelas I