🌈 Create new beautiful Compose Gradients with our new wesite ->
Composable Function

RemoteCurvedProgressIndicator

A generalized progress arc component for display on Wear OS.

RemoteCurvedProgressIndicatorSample

@Sampled
@RemoteComposable
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
public fun RemoteCurvedProgressIndicatorSample(
    modifier: RemoteModifier = RemoteModifier.size(150.rdp)
) {
    RemoteCurvedProgressIndicator(
        progress = 0.75f.rf,
        modifier = modifier,
        startAngle = 135f.rf,
        sweepAngle = 90f.rf,
        animationDurationMillis = 0,
    )
}

RemoteCurvedProgressIndicatorAnimatedSample

@Sampled
@RemoteComposable
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
public fun RemoteCurvedProgressIndicatorAnimatedSample(
    modifier: RemoteModifier = RemoteModifier.size(150.rdp)
) {
    val progress = rememberMutableRemoteFloat { 0.25f.rf }
    val animatedProgress =
        animateRemoteFloatAsState(
            targetValue = progress,
            animationSpec = remoteTween(durationMillis = 250),
        )
    val toggleAction = valueChange(progress, ((progress + 0.25f) % 1f).createReference())

    RemoteCurvedProgressIndicator(
        progress = animatedProgress,
        modifier = modifier.clickable(toggleAction),
        startAngle = 135f.rf,
        sweepAngle = 90f.rf,
    )
}

Content updated: