Dice Roller Button

Nabhyla Niagara Rannuan, 5025221286

Dice Roller with Image and Button

var result by remember {
    mutableStateOf(1)
}

Membuat nilai result menjadi mutable state (dapat berubah) dengan nilai awal 1. Jika nilainya berubah, Jetpack Compose akan otomatis me-recompose UI yang menggunakannya, sehingga dapat menyimpan dan mengubah nilai angka dadu.

val imageOfDice = when(result){
    1 -> R.drawable.dice_1
    2 -> R.drawable.dice_2
    3 -> R.drawable.dice_3
    4 -> R.drawable.dice_4
    5 -> R.drawable.dice_5
    else -> R.drawable.dice_6
}

when(result) digunakan untuk memilih gambar dadu sesuai angka yang muncul. Setiap angka (1-6) dikaitkan dengan gambar dice_1 hingga dice_6 di folder res/drawable.

Button(
    onClick = { result = (1..6).random() },
    colors = ButtonDefaults.buttonColors(containerColor = Color(0xFF010570))
)

(1..6).random akan membuat result yang ditampilkan menjadi acak dari dice_1 hingga dice_6.

Hasil

Link Github

https://github.com/nabhylanr/Dice-Roller-Button.git

Video