Tugas Pertemuan 4

Nama  : Agnesfia Anggraeni

NRP    : 5025201059

Kelas   : PPB - I

Tahun  : 2024

Interactive Button "Dice Roller" App

Membuat Project Baru

1. Buka Android Studio, Klik File > New > New Project.
2. Dalam jendela New Project, pilih Empty Activity, lalu klik Next.
3. Beri nama project, masukkan Dice Roller.
4. Sesuaikan lokasi project
5. Pada kolom Minimum SDK, pilih API level minimum 24 "Nougat" dari menu, lalu klik Finish.

Mengubah Struktur Kode Contoh

1. Hapus fungsi DefaultPreview().

2. Buatlah fungsi baru DiceWithButtonAndImage() dengan anotasi @Composeable.

3. Hapus fungsi Greeting(name:String).

4. Buat fungsi DiceRollerApp() dengan anotasi @Preview dan @Composable.

5. Hapus semua kode di dalam setContent{} yang ditemukan dalam metode onCreate().

6. Pada bagian setContent{}, panggil DiceRollerTheme{}, lalu di dalam DiceRollerTheme{}, panggil fungsi DiceRollerApp().

7. Di fungsi DiceRollerApp(), panggil fungsi DiceWithButtonAndImage().

Menambahkan Pengubah

1. Ubahlah fungsi DiceWithButtonAndImage() untuk menerima argumen modifier dari jenis Modifier dan tetapkan nilai default Modifier.

2. Buat rantai metode fillMaxSize() ke objek Modifier  sehingga tata letak mengisi seluruh layar.

Membuat Tata Letak Vertikal

1. Dalam fungsi DiceWithButtonAndImage(), tambahkan fungsi Column().

2. Teruskan argumen modifier dari tanda tanngan metode DiceWithImageAndButton() ke argumen pengubah Column().

3. Teruskan argumen horizontalAligment ke fungsi Column(), lalu tetapkan ke nilai Alignment.CenterHorizontally.

Menambahkan Tombol

1. Di file strings.xml, tambahkan string dan tetapkan ke nilai Roll.

res/values/strings.xml

2. Dalam Column(), tambahkan fungsi Button().

3. Pada file MainActivity.kt, tambahkan fungsi Text() ke Button() dalam isi lamda fungsi.

4. Teruskan ID resource string dari string roll  ke fungsi stringResource() dan teruskan hasilnya ke composable Text. 

Mendownload Gambar

1. Download file zip gambar dadu ke komputer, lalu tunggu download selesai.

2. Ekstrak file zip untuk membuat folder dice_images baru yang berisi enam file gambar dadu dengan nilai dadu dari 1 sampai 6.

Menambahkan Gambar Dadu ke Aplikasi

1. Di Android Studio, Klik View > Tool Windows > Resource Manager.

2. Klik + > Import Drawables untuk membuka file browser.

3. Klik Import

4. Klik Next

5. Maka tampilan pada Resource Manager > Drawable seperti dibawah ini

Tonton Video Dice Roller