Skip to content

ProgressRing ​

绘制在 Compose Canvas 上的环形进度条,在中性轨道上叠加一段圆头弧线,并带有中心标签。用于表示 0 到 100 之间的单一有界完成值。中心默认显示 ${value}%。

导入 ​

kotlin
import io.github.heartcoolman.prism.charts.PrismProgressRing

基本用法 ​

kotlin
PrismProgressRing(value = 72f, tone = PrismRingTone.Success, label = "72%")

色调 ​

kotlin
PrismProgressRing(value = 40f, tone = PrismRingTone.Accent)
PrismProgressRing(value = 80f, tone = PrismRingTone.Success)
PrismProgressRing(value = 95f, tone = PrismRingTone.Danger)

尺寸与粗细 ​

kotlin
PrismProgressRing(
    value = 60f,
    size = 128.dp,
    thickness = 16.dp,
    label = "60%",
)

API ​

PrismProgressRing ​

参数类型默认值说明
valueFloat—以百分比表示的完成度,被限制在 0–100。
modifierModifierModifier应用于环形框的 Modifier。
sizeDp96.dp外径。
thicknessDp12.dp环形描边粗细。
tonePrismRingTonePrismRingTone.Accent填充弧线的语义色。
labelString?null中心文字;为 null 时默认显示 ${value}%。

PrismRingTone ​

取值说明
Accent品牌强调色弧线。
Success成功色弧线。
Danger危险色弧线。

基于 MIT 许可发布。