Tugas 4 - Button Interaction with Dice Application

Nama : Muhammad Ismail
NRP : 5025201223 
Kelas : PPB F - 2024

Pada tugas ini, kita ditugaskan untuk membuat aplikasi yang memiliki interaksi dengan button lewat dice application. Apabila button diklik, maka akan menghasilkan jumlah angka dadu yang berbeda.

1. Membuat Infrastruktur tata letak




2. Membuat tata letak vertikal dan button

    Untuk membuat tata letak vertikal, pada fungsi Column tambahkan argumen horizontalAlignment dan passing nilainya dengan Alignment.CenterHorizontally
 

3. Menambahkan Image
    Untuk mendapatkan gambar dadu, kalian bisa mengikuti halaman berikut ini. Pada fungsi Column tambahkan fungsi Image.


4. Membuat logika pelemparan dadu
Pada fungsi Button terdapat argumen onClick yang bertujuan untuk mempassing fungsi lambda di mana nanti digunakan untuk mengatur logika dari pelemparan dadu. karena Composable bersifat stateless, maka variabel yang sifatnya state harus dibarengi dengan remember dan mutableStateof. 


Pada variabel imageResource berisikan logika dari pelemparan dadu berdasarkan nilai dari variabel result.

Berikut ini merupakan tampilan dari aplikasi



Berikut ini merupakan source code dari tugas 4


Comments

Post a Comment

Popular posts from this blog

Tugas 3 - Happy Birthday App

Image
Nama : Muhammad Ismail NRP : 5025201223 Kelas : PPB F Pada kesempatan kali ini, kita diberikan tugas untuk membuat sebuah aplikasi sederhana berupa ucapan ulang tahun kepada seseorang menggunakan mobile app. Berikut merupakan langkah-langkah untuk membuatnya. 1. Set up project Buka Android Studio dan pada laman Project  klik New Project  untuk membuat project android baru Setelah itu, Pilih Empty Activity untuk set up environtment projectnya. 2. Source Code 3. App Interface 
Read more

Tugas 7 - Viewmodel

Image
Nama: Muhammad Ismail NRP: 5025201223 Kelas: PPB F - 2024 Pada pertemuan ini, Kita diberikan tugas untuk mengimplementasikan  ViewModel  pada aplikasi Android kita untuk menghandle state di UI. Berikut ini merupakan gambaran kerja dari ViewModel . Gambar 1 Layer pada Aplikasi Android Gambar 2 Workflow dari ViewModel ViewModel  menyimpan state yang digunakan UI dan tidak mengalami destroy  ketika activity berada di fase destroy. Berbeda dengan Activity yang tidak menyimpan state ketika di- destroy .    Berikut ini akan saya jelaskan mengenai bagaimana cara menerapkan ViewModel pada aplikasi android kita.  1. Clone Github Berikut ini  https://github.com/google-developer-training/basic-android-kotlin-compose-training-unscramble.git 2. Tambahkan Dependency pada build.gradle agar dapat menggunakan ViewModel 3.  Buatlah File GameViewModel dan GameUiState 4. Tambahkan variabel  StateFlow pada GameViewModel untuk menyimpan variabel (state) pada ViewModel 5. Tambahkan Backing Property pada Ga
Read more