[Jetpack Compose] Sliderを表示する

(スライダー & 13、あれは、、、岩瀬,,,?)

実装

@Composable
private fun MySliderView() {
	// スライダーの値を保持するための状態変数
	val sliderPosition = remember { mutableFloatStateOf(0f) }

	Column(
		modifier = Modifier
			.fillMaxSize()
			.padding(16.dp),
		horizontalAlignment = Alignment.CenterHorizontally
	) {
		// スライダーの値を表示するテキスト
		Text(text = "Percent: ${String.format("%.0f", sliderPosition.floatValue * 100)} %")

		// スライダー
		Slider(
			modifier = Modifier.padding(start = 8.dp, end = 8.dp),
			value = sliderPosition.floatValue,
			onValueChange = { newValue ->
				sliderPosition.floatValue = newValue
			}
		)
	}
}