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 incrementAction = valueChange(progress, ((progress + 0.2f) % 1.2f).createReference())

    // The indicator animates the progress changes.
    RemoteSegmentedCircularProgressIndicator(
        segmentCount = 5.ri,
        progress = progress,
        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,
    )
}
Jetpack Compose beyond MaterialFree components, screens and templates for apps that don’t look like Google’s. Copy them into your app, or let your coding agent add them.Browse for free

Content updated: