Composable Function

RemoteSegmentedCircularProgressIndicator

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,
    )
}

Content updated: