进度条和活动指示器 Original Version

进度条和活动指示器作为向用户给出的信号用以提示某个操作会花费较长的时间。

进度条

如果你可以知道当前任务完成的比例,那么使用进度条,让用户了解大约还需要多久才能完成。
进度条和活动指示器 - 图1
进度条应当表示从 0% 到 100% ,而且永远不会往回变成一个更小的值。如果有多个操作按顺序发生,使用进度条来表示整体的延时。
进度条和活动指示器 - 图2
Holo 浅色主题和深色主题中的进度条。

活动指示器

活动指示器用于那些不确定时间的操作。它们告诉用户要等一会儿操作才能完成,而不用将具体的细节说出来。

有两种活动指示器: 活动进度条和活动圈。这两种提供了自适应大小和 Holo Light/Holo Dark 两种主题。请在上下文周围选择合适的风格和大小。例如较大的活动圈比较适合大面积的空白区域而不是一个小对话框。每一个操作应该只使用一个活动提示器。

进度条和活动指示器 - 图3

  • 1. 活动进度条

例子中,活动进度条 (Holo Dark 主题) 在用户开始下载时出现。因为连接服务器打开时下载的时间不确定。当下载开始后,则使用有明确百分比的进度条。

进度条和活动指示器 - 图4

  • 2. 活动圈

例子中,Gmail 应用在载入消息时使用活动圈 (Holo Light 主题),因为下载邮件的时间难以确定。

当使用活动圈时,不要配以文字。旋转的圆圈已经表明了正在进行后台操作。
进度条和活动指示器 - 图5

自定义活动指示器

标准的进度条和活动指示器已经足够满足大多数应用的需要,为了 Android 系统的统一体验,也应当使用这些标准控件。不过有时也可以使用自定义控件。

例如:所有的 Google Play 应用 (音乐、图书、电影和杂志) 中,我们需要在顶层视图中标识出当前项目的下载状态,包括:

  • 未下载

  • 临时下载 (由应用自动缓存)

  • 下载下载至用户设备

我们还要标识出下载进度,因为下载比较慢。

Google Play 有时还要在比较紧凑的布局中表示这些状态,这种情况下我们不希望在封面图片上占用过多的空间。

因此我们使用了自定义活动指示器,通过小图钉的变化来表示当前项目的状态。
进度条和活动指示器 - 图6
通过颜色区分下载状态,蓝色表示完成,灰色标识没有下载完成。图钉的外观提示了下载是永久的(白色、竖直)还是临时的(灰色、倾斜)。下载进度则通过饼图来显示。

进度条和活动指示器 - 图7

Google Play 应用使用了不同的布局,但是都使用相同的自定义活动指示器。它表明了下载的状态和进度,通过紧凑的设计使它可以适用于多种屏幕布局中。

如果你觉得标准的活动指示器控件不能满足你的要求,需要自己设计一个,请保证它看起来像是 Android 的风格。可以借鉴一些标准指示器中的视觉特征。例如我们的自定义活动指示器使用了圆圈外形、相同的蓝色阴影和扁平的简单风格。