← 返回 iOS 词条

加载指示器

iOS原生支持

在 iOS 上叫Activity Indicator

也叫 ProgressView

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 完整对照 →概念页上还有可交互示例。