PPB Tugas 4

Membuat aplikasi Dice Roller interaktif

Gloriyano C. Daniel Pepuho

5025201121

PPB D

Repository: https://github.com/danielcristho/Mobile-Docs/tree/main/dice_roller

Tampilan awal:

Modifikasi file dice_1.xml sampai file dice_6.xml untuk menganti warna dadu:

	<vector xmlns:android="http://schemas.android.com/apk/res/android"
	android:width="200dp"
	android:height="250dp"
	android:viewportWidth="800"
	android:viewportHeight="1000">
	<path
	android:fillAlpha="0.5"
	android:fillColor="#eee"
	android:pathData="M740.8,635.42c-68.27,90.47 -249.77,201.76 -316,240.63a50.7,50.7 0,0 1,-49.93 0.81c-64.19,-35 -234.09,-133.88 -315.65,-242a14.69,14.69 0,0 1,-0.12 -17.49c77.58,-106.29 159.67,-258.89 341.06,-258.89 182,0 242.19,139.08 340.27,258.88A14.62,14.62 0,0 1,740.8 635.42Z"
	android:strokeAlpha="0.5" />
	<path
	android:fillColor="#bdbdbd"
	android:pathData="M704.9,630l-294.29,191.06l0,-340.85l294.29,-191.06l0,340.85z" />
	<path
	android:fillColor="#e0e0e0"
	android:pathData="M97.59,630l294.29,191.06l0,-340.85l-294.29,-191.06l0,340.85z" />
	<path
	android:fillColor="#f5f5f5"
	android:pathData="M400.14,464.73l-293.19,-191.45l293.19,-156.31l295.39,156.31l-295.39,191.45z" />
	<path
	android:fillColor="#eee"
	android:pathData="M106.95,273.28l-9.36,15.87l294.29,191.06l8.26,-15.48l-293.19,-191.45z" />
	<path
	android:fillColor="#e0e0e0"
	android:pathData="M695.53,273.28l9.37,15.87l-294.29,191.06l-10.47,-15.48l295.39,-191.45z" />
	<path
	android:fillColor="#eee"
	android:pathData="M391.88,480.21h18.73v340.85h-18.73z" />
	<path
	android:fillColor="#f5f5f5"
	android:pathData="M400.14,464.73l-8.26,15.48l18.73,0l-10.47,-15.48z" />
	<path
	android:fillColor="#78c257"
	android:pathData="M397.45,297.62a16.9,28.71 97.07,1 0,4.16 -33.54a16.9,28.71 97.07,1 0,-4.16 33.54z" />
	<path
	android:fillColor="#78c257"
	android:pathData="M297.17,539.02a30.12,16.11 53.82,1 0,26.01 -19.02a30.12,16.11 53.82,1 0,-26.01 19.02z" />
	<path
	android:fillColor="#78c257"
	android:pathData="M161.96,588.24a30.12,16.11 53.82,1 0,26.01 -19.02a30.12,16.11 53.82,1 0,-26.01 19.02z" />
	<path
	android:fillColor="#78c257"
	android:pathData="M551.15,579.45a30.12,16.11 126.18,1 0,35.56 -48.62a30.12,16.11 126.18,1 0,-35.56 48.62z" />
	<path
	android:fillColor="#78c257"
	android:pathData="M469.12,549.58a30.12,16.11 126.18,1 0,35.56 -48.62a30.12,16.11 126.18,1 0,-35.56 48.62z" />
	<path
	android:fillColor="#78c257"
	android:pathData="M633.17,609.29a30.12,16.11 126.18,1 0,35.56 -48.62a30.12,16.11 126.18,1 0,-35.56 48.62z" />
	</vector>

view raw dice_1.xml hosted with ❤ by GitHub

Menamabah keterangan untuk setiap dadu yang dilempar:

	@Composable
	fun DiceWithButtonAndImage(modifier: Modifier = Modifier) {
	var result by remember { mutableStateOf(1) }
	val imageResource = 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
	}
	Column(modifier = modifier, horizontalAlignment = Alignment.CenterHorizontally) {
	Image(painter = painterResource(imageResource), contentDescription = result.toString())
	Spacer(modifier = Modifier.height(16.dp))
	Text(
	text = "The dice shows the number: $result",
	fontSize = 24.sp
	)
	Spacer(modifier = Modifier.height(16.dp))
	Button(
	onClick = { result = (1..6).random() },
	) {
	Text(text = stringResource(R.string.roll), fontSize = 24.sp)
	}
	}
	}

view raw MainActivity.kt hosted with ❤ by GitHub

Hasil akhir: