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