Skip to content

Loading 加载 ​

加载指示器,环形旋转动画,时长取 motion.duration.base(毫秒)。

契约源:lh-ui-core/specs/loading.json · 黄金用例:cases/loading.json(5 条,纯展示组件,翻译为 JVM 单测)

尺寸与色调 ​

三档尺寸映射到 loading.size.* 令牌,描边宽取 loading.strokeWidth,色调取语义色。

9:41Loading
加载中…

HTML 模拟预览(Android / Compose 外观),非真机渲染

kotlin
LhLoading(size = LhLoadingSize.large, tone = LhLoadingTone.primary)

API ​

Props ​

属性说明类型默认值
size指示器直径LhLoadingSizeMedium
tone环色LhLoadingTonePrimary
modifier修饰符ModifierModifier

LhLoadingSize ​

值尺寸令牌
Smallloading.size.small(16dp)
Mediumloading.size.medium(20dp)
Largeloading.size.large(24dp)

LhLoadingTone ​

值颜色令牌
Defaultcolor.text.regular
Primarycolor.primary.default
Successcolor.success.default
Warningcolor.warning.default
Dangercolor.danger.default
Infocolor.info.default

令牌对照 ​

令牌用途
loading.size.{small,medium,large}三档直径
loading.strokeWidth环描边宽度
color.text.regulardefault 色调
color.{primary,success,warning,danger,info}.default语义色调
motion.duration.base旋转一周时长(端侧为毫秒整型)

黄金用例对照 ​

case id断言本地测试
medium-size-uses-medium-token中号取 medium 尺寸令牌LhLoadingDefaultsTest.medium_size_uses_medium_token
large-size-uses-large-token大号取 large 尺寸令牌LhLoadingDefaultsTest.large_size_uses_large_token
primary-tone-uses-primary-tokenprimary 色调取主色令牌LhLoadingDefaultsTest.primary_tone_uses_primary_token
success-tone-uses-success-tokensuccess 色调取成功色令牌LhLoadingDefaultsTest.success_tone_uses_success_token
render-emits-ring-command环形指示器渲染(描边宽消费令牌)LhLoadingDefaultsTest.stroke_width_uses_token
bash
./gradlew :components:loading:test                          # JVM 部分(纯展示,无交互用例)