← 返回 Android 词条

加载指示器

Android原生支持

在 Android 上叫Circular Progress Indicator

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