Material Design segmented circular progress indicator.
RemoteSegmentedCircularProgressIndicatorSample
@Sampled
@RemoteComposable
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
public fun RemoteSegmentedCircularProgressIndicatorSample(
modifier: RemoteModifier = RemoteModifier
) {
RemoteSegmentedCircularProgressIndicator(
segmentCount = 5.ri,
progress = 0.5f.rf,
modifier = modifier,
)
}
RemoteSegmentedCircularProgressIndicatorAnimatedSample
@Sampled
@RemoteComposable
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
public fun RemoteSegmentedCircularProgressIndicatorAnimatedSample(
modifier: RemoteModifier = RemoteModifier.size(150.rdp)
) {
val progress = remember { MutableRemoteFloat { 0.2f.rf } }
val animatedProgress =
animateRemoteFloatAsState(
targetValue = progress,
animationSpec = remoteTween(durationMillis = 250),
)
val incrementAction = valueChange(progress, ((progress + 0.2f) % 1.2f).createReference())
RemoteSegmentedCircularProgressIndicator(
segmentCount = 5.ri,
progress = animatedProgress,
modifier = modifier.clickable(incrementAction),
)
}
RemoteSegmentedCircularProgressIndicatorBinarySample
@Sampled
@RemoteComposable
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
public fun RemoteSegmentedCircularProgressIndicatorBinarySample(
modifier: RemoteModifier = RemoteModifier
) {
RemoteSegmentedCircularProgressIndicator(
segmentCount = 5.ri,
segmentValue = { segmentIndex -> (segmentIndex % 2 == 0).rb },
modifier = modifier,
)
}