← 返回 Android 词条
加载指示器
在 Android 上叫Circular Progress Indicator
Compose: CircularProgressIndicator
Material 把进度指示器明确分成「linear and circular」两个变体,环形那个(CircularProgressIndicator)归这里。M3 Expressive 另出的 Loading Indicator 组件也归这里,但它不是一个环:官方要点写的是「用形状与动效吸引注意」,并把它定位为「不定量环形进度指示器的替代」,还注明「不用于会从不定量转成定量的过程」。两者的共同点不是形状相同,而是都不沿一条线性轨道延展 —— 这正是本词条与进度条的分界。另外该组件的 Web 实现官方标为 Unavailable。
表示程序正在处理的忙碌动效 —— 环形、旋转,或其他不沿轨道延展的形状动画。
- 转圈
- 菊花
- 转圈圈
- 小圆圈转啊转
- 加载指示器
- 活动指示器
- 进度指示器
- 转圈动画
其他平台的相似实现
Web需自己实现
该平台没有原生实现Web 没有画环形忙碌动画的原生元素。
看 Web 视角 →iOS原生支持
Activity Indicator异名官方把不定量的那种直接命名为活动指示器:「An indeterminate progress indicator — also called an activity indicator — uses an animated image to indicate progress」,并说明「所有平台都支持一个看起来在旋转的圆形图像」。
看 iOS 视角 →使用规范
什么时候用
- 操作耗时超过约 1 秒,需要告诉用户系统没死
- 版面窄、放不下一条横轨道,只能用一个环形占位时
什么时候别用
- 耗时极短(不到半秒)→ 别显示,闪一下反而更烦
- 首屏内容加载 → 优先用骨架屏,感知上更快
- 已经知道进度却仍然只转圈 —— 有数值就把它显示出来,别让人干等
容易混淆
Android 出处
查看 Web / iOS / Android 完整对照 →概念页上还有可交互示例。