Tugas Minggu 4 PPB I
Nama : Tegar Ganang Satrio Priambodo
NRP : 5025201002
Kelas : PPB I
Membangun aplikasi dice roller sederhana
Pada pertemuan 4, terdapat tugas membangun aplikasi dice roller sederhana dengan jetpack compose.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
package com.example.diceroller | |
import android.os.Bundle | |
import androidx.activity.ComponentActivity | |
import androidx.activity.compose.setContent | |
import androidx.compose.animation.core.animateIntAsState | |
import androidx.compose.foundation.Image | |
import androidx.compose.foundation.layout.Column | |
import androidx.compose.foundation.layout.Spacer | |
import androidx.compose.foundation.layout.fillMaxSize | |
import androidx.compose.foundation.layout.height | |
import androidx.compose.foundation.layout.wrapContentSize | |
import androidx.compose.material3.Button | |
import androidx.compose.material3.MaterialTheme | |
import androidx.compose.material3.Surface | |
import androidx.compose.material3.Text | |
import androidx.compose.runtime.Composable | |
import androidx.compose.runtime.getValue | |
import androidx.compose.runtime.mutableStateOf | |
import androidx.compose.runtime.remember | |
import androidx.compose.runtime.setValue | |
import androidx.compose.ui.Alignment | |
import androidx.compose.ui.Modifier | |
import androidx.compose.ui.res.painterResource | |
import androidx.compose.ui.res.stringResource | |
import androidx.compose.ui.tooling.preview.Preview | |
import androidx.compose.ui.unit.dp | |
import androidx.compose.ui.unit.sp | |
import com.example.diceroller.ui.theme.DiceRollerTheme | |
import androidx.compose.runtime.* | |
import androidx.compose.ui.graphics.graphicsLayer | |
class MainActivity : ComponentActivity() { | |
override fun onCreate(savedInstanceState: Bundle?) { | |
super.onCreate(savedInstanceState) | |
setContent { | |
DiceRollerTheme { | |
Surface( | |
modifier = Modifier.fillMaxSize(), | |
color = MaterialTheme.colorScheme.background | |
) { | |
DiceRollerApp() | |
} | |
} | |
} | |
} | |
} | |
@Preview | |
@Composable | |
fun DiceRollerApp() { | |
DiceWithButtonAndImage(modifier = Modifier | |
.fillMaxSize() | |
.wrapContentSize(Alignment.Center) | |
) | |
} | |
@Composable | |
fun DiceWithButtonAndImage(modifier: Modifier = Modifier) { | |
var result by remember { mutableStateOf( 1) } | |
val animatedResult by animateIntAsState(targetValue = result) | |
val imageResource = when(animatedResult) { | |
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 | |
} | |
Column(modifier = modifier, horizontalAlignment = Alignment.CenterHorizontally) { | |
Image( | |
painter = painterResource(imageResource), | |
contentDescription = animatedResult.toString(), | |
modifier = Modifier | |
.graphicsLayer(rotationY = if (result != animatedResult) 90f else 0f) | |
) | |
Button( | |
onClick = { result = (1..6).random() }, | |
) { | |
Text(text = stringResource(R.string.roll), fontSize = 24.sp) | |
} | |
} | |
} |
Komentar
Posting Komentar