进度指示器用于表达某个过程的进行状态,无论其所需时间是否已知。

设计原则
反馈清晰:即时提供反馈。
风格一致:所有进度指示器应共享一致的核心视觉语言,让用户立即认出。
表达灵活:通过多种形态与状态,适应不同的进度表达需求。
使用与布局
进度指示器实时显示任务状态。
当所需时间已知时,可以显示确定进度,例如计时器。
当所需时间未知时,可以显示不确定进度,例如加载过程。




组件构成

1. 确定进度的终点标记:指明明确的结束位置。
2. 当前进度。
3. 尚未完成的部分。
4. 不确定进度。
5. 线形。
6. 环形。
自定义
除了确定与不确定两种进度模式,还提供线形、环形与波浪形等外观变体。

1. 波浪形。
2. 直线形。
波浪形与直线形进度指示器使用相同的属性、自定义选项和默认值,具体如下。
线形
| 属性 | 可自定义 | 默认值 |
|---|---|---|
| 线宽 | 是 | 6 dp |
| 进度颜色 | 是 | Primary |
| 轨道颜色 | 是 | Outline |
| 尺寸 | 是 | 360 dp |
环形
| 属性 | 可自定义 | 默认值 |
|---|---|---|
| 线宽 | 是 | 6 dp |
| 进度颜色 | 是 | Primary |
| 轨道颜色 | 是 | Outline |
| 尺寸 | 是 | 40 dp |