Android 简明教程

Android - UI Patterns

在本章中,我们将研究可用于 Android 来设计行为一致且可预见的应用程序的不同 UI 模式。

UI Patterns components

一个好的 Android 应用程序应遵循以下 UI 模式 −

  1. Action Bar

  2. Confirming and Acknowledging

  3. Settings

  4. Help

  5. Selection

接下来,我们将详细讨论上述的 UI 模式。

Action Bar

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

  1. 将重要操作突出显示,并且易于访问

  2. 支持应用程序内一致的导航和视图切换

  3. 通过为很少使用的操作提供操作溢出,减少混乱

  4. 提供一个专区,赋予您的应用程序一个标识

Action Bar Components

操作栏有四个主要组件,可在下图中看到。

ui patterns 1

这些组件的名称和功能如下所述:

Sr.No

Action Bar Components

1

App Icon 应用程序图标建立了您应用程序的标识。如果您希望,可以将其替换为不同的徽标或品牌。

2

View control 如果您的应用程序在不同的视图中显示数据,操作栏的此部分允许用户在视图之间切换。

3

Action buttons 在操作部分显示您的应用程序最重要的操作。

4

Action overflow 将较少使用操作移到操作溢出。

Confirming and Acknowledging

当用户在应用程序的 UI 上调用某个操作时,这是一个 confirmacknowledge 通过一个土司或一个对话框完成该操作的好方法。

确认和应答之间有差异。

Confirming

当我们要求用户验证他们是否真正希望继续执行他们刚刚调用的某个操作时,这称为确认。如您在以下图片中看到的:

ui patterns 2

Acknowledging

当我们显示一个土司,让用户知道他们刚刚调用的操作已完成,则称为应答,如您在以下图片中看到的:

ui patterns 3

Settings

在您的应用程序中,用户可以表明他们希望应用程序如何运作的偏好所在的地方称为设置。设置的使用可以以下面的方式使您的应用程序用户受益:

  1. Settings 帮助用户预先确定在某些情况下会发生什么

  2. 在您的应用程序中使用 settings ,帮助用户感到可以控制

Placement of Settings

安卓开发人员更倾向于始终将“设置”选项作为上述操作溢出的组成部分。由于用户不经常使用该选项,因此常见做法是将其放置在“帮助”之外的所有其他项下方。如下所示 −

ui patterns 4

Help

部分应用用户在使用你的应用程序时可能会遇到一些困难,他们会希望找到一些答案,并希望在应用程序内获得答案。因此,应始终将“帮助”作为应用程序的一部分。

Placement of Help

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

ui patterns 5

Selection

安卓 3.0 版本将长按手势更改为全局手势以选择数据。长按手势现用于选择数据,将背景操作和所选数据的选择管理功能合并到一个新的元素 contextual action bar (CAB) 中。

Using Contextual Action Bar (CAB)

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

ui patterns 6

用户可以从 CAB 栏执行以下操作 −

  1. 通过触摸它们,选择其他数据项;

  2. 从 CAB 中触发一项操作,该操作适用于所有选中的数据项;

  3. 通过导航栏的返回按钮或 CAB 的选中标记按钮,关闭 CAB;