• Android Video Tutorials

Android - UI 模式



本章我们将探讨 Android 提供的各种 UI 模式,用于设计行为一致且可预测的应用程序。

UI 模式组件

一个优秀的 Android 应用应该遵循以下 UI 模式:

  • 操作栏 (Action Bar)
  • 确认和告知
  • 设置
  • 帮助
  • 选择

现在我们将详细讨论上述 UI 模式。

操作栏 (Action Bar)

操作栏是每个屏幕顶部专用的栏,通常在整个应用程序中持续存在。它提供了一些关键功能,如下所示:

  • 使重要操作突出且易于访问
  • 支持应用程序内一致的导航和视图切换
  • 通过为很少使用的操作提供操作溢出菜单来减少杂乱
  • 提供专用空间来赋予您的应用程序标识

操作栏组件

操作栏有四个主要组件,如下图所示。

Anroid UI Patterns Tutorial

这些组件的名称和功能将在下面讨论:

序号 操作栏组件
1

应用图标

应用图标确定您应用的标识。如果需要,可以用不同的徽标或品牌标识替换它。

2

视图控件

如果您的应用以不同的视图显示数据,则操作栏的此部分允许用户切换视图。

3

操作按钮

在操作部分显示应用最重要的操作。

4

操作溢出

将不太常用的操作移动到操作溢出菜单。

确认和告知

当用户在应用的 UI 上调用操作时,最好通过吐司或对话框来确认告知该操作。

确认和告知之间存在区别。

确认

当我们要求用户验证他们是否确实想要继续执行他们刚刚调用的操作时,这称为确认。如下图所示:

Anroid UI Patterns Tutorial

告知

当我们显示一个吐司来让用户知道他们刚刚调用的操作已完成时,这称为告知。如下图所示:

Anroid UI Patterns Tutorial

设置

应用中用户可以指示其对应用行为偏好的位置称为“设置”。使用设置可以使您的应用用户受益,方法如下:

  • 设置帮助用户预先确定某些情况下会发生什么

  • 在您的应用中使用设置有助于用户感到掌控

设置位置

Android 开发者更倾向于始终将“设置”选项作为上面提到的操作溢出菜单的一部分。由于用户不经常使用此选项,因此常见的做法是将其放在所有其他项目下方,但“帮助”除外。如下图所示:

Anroid UI Patterns Tutorial

帮助

一些应用用户在使用您的应用时可能会遇到一些困难,他们会寻找一些答案,并且希望在应用内找到答案。因此,始终使“帮助”成为您应用的一部分。

帮助位置

与“设置”类似,“帮助”选项的标准设计位于操作溢出菜单中。始终将其作为菜单中的最后一项,并始终将其标记为“帮助”。即使您的应用屏幕没有其他操作溢出菜单项,“帮助”也应显示在那里。如下图所示:

Anroid UI Patterns Tutorial

选择

Android 3.0 版本将长按手势更改为全局手势以选择数据。长按手势现在用于选择数据,并将所选数据的上下文操作和选择管理功能组合到一个名为上下文操作栏 (CAB) 的新元素中。

使用上下文操作栏 (CAB)

选择 CAB 是一个临时操作栏,在选择数据时会覆盖您应用的当前操作栏。在用户长按可选择数据项后出现。如下图所示:

Anroid UI Patterns Tutorial

用户可以通过 CAB 栏执行以下操作:

  • 通过触摸选择其他数据项
  • 触发 CAB 中对所有突出显示的数据项都适用的操作
  • 通过导航栏的“后退”按钮或 CAB 的复选标记按钮关闭 CAB
广告