牛B的Android UI--第18章与用户交互相关的设计模式（上）_适合处理用户交互的设计模式-CSDN博客

第18章与用户交互相关的设计模式

这个章节的内容是关于与用户有交互的一些设计模式。这些设计模式可以帮你解决如何呈现以及如何与用户交互的问题。部分设计模式是比较常见的，它们本身就是安卓平台的组成部分（就像Action Bar模式），而另一些不那么常见的是专门针对比较难搞定的问题的。这章讨论的与用户交互的设计模式都有如下这些（我也不知道怎么翻译名字，名字就照写了，免得被人叼。。。）：

Ø Action Bar模式

Ø Quick Actions模式

Ø Action Drawer模式

Ø Pull-to-Refresh模式

Ø Swipe-to-Dismiss模式

使用Action Bar模式

Action Bar由APP图标和上下文操作按钮组成，位于界面最上方（还不知道是啥没关系，下面会有图有真相的）。它有时也可以包含溢出菜单（就是点一下就弹出一个菜单出来，有点像用鼠标点右键）和一些导航选项。Action Bar是比较典型的UI设计模式中的一个代表。它很早就被使用了，是安卓界面中最容易辨认的控件。

解决的问题

下面的内容将会讨论Action Bar模式能够解决的各种问题。

重要的上下文操作

对于手机应用的很多操作，用户在不同的页面中都可以执行。一些操作还是比较重要的，而且挺常用的。像发送邮件，你可以在一个应用的编辑页面发；也可以在一个便条类型的应用的显示页面发送（总之就是很多地方都可以调用发邮件这个功能^_^!说得这么复杂）。这些重要的操作在用户界面中必须比较直观和布局保持一致，而且要能够快速响应。

公司标志

对于大部分公司来说，在APP中展示公司的标志或商标是非常重要的。通常情况下，用户界面涉及到的各种各样的控件，相对来说比较难以定制，即使定制了也会造成很多另外的麻烦，所以要想实现好，额外的努力是少不了的。

方向感

用户应该很清楚自己所在的页面是属于软件的哪部分的，而且能够明白页面中的内容。但是在小屏幕的手机上，你很难去搞个突出显示的导航，比如面包屑导航（网页设计中比较常见）或导航菜单。

解决方案

Action Bar显示在屏幕的上方，有个专门的区域来展示。它的高度差不多是一个单选图标加上空白区域的高度。通常一个应用的每个页面都会显示Action Bar。

Action Bar组件

Action Bar一般由四部分组成（如图18-1）。你不一定这四部分都要有，因为你的应用可能不需要其中的一些功能。Action Bar的左边位置是预留给应用图标的。应用图标的作用可能是以下三种之一：返回前一个页面；返回上级菜单（不知道这句准确不：take them one level higher）；打开侧边导航菜单(关于侧边导航的内容将在19章讲解)。当应用图标用来返回上级的时候，一般用一个方向箭头来表示，叫着向上按钮，有时候也叫着“up affordance”，表明了向上的功能。在一些应用中，它的图标并没有任何功能。

Action Bar的第二部分一般用来控制视图。在图18-1里中视图控制部分只是简单的标签，没有任何交互功能。我会在第19章中讲解更多关于导航的内容。

显示在Action Bar右边的是些操作按钮。所有不适合直接显示在Action Bar上的操作，或是优先级比较低的、比较少用到的，都放到操作溢出菜单（Action overflow menu）里。

操作栏（Action Bar）和企业品牌(CorporateBrand)

在选择操作栏的背景颜色和应用图标（或别的什么用在操作栏上的图标），应该搞一个很容易认出来的商标，不要去重新设计一个组件啥的。

如图18-2就是个利用Action Bar设计模式的成功例子。TED应用程序用在操作栏上的商标就是大家都知道的“TED”，而且颜色也没改变。他们的应用还在Action Bar上放了三个可以直接操作的功能菜单。

官方设计指南

官方指南文档里对操作栏有详细说明。我推荐去网上看看谷歌官方的说明：http://developer.android.com/design/patterns/actionbar.html。

结论

因为操作栏将一些重要的操作放在统一的地方，用户使用不同应用的时候不需要去重新学习，都是些常用的功能，一看就知道怎么用。这样用户使用起来就很爽，自然提高了用户体验。

扩展功能

还有一些与Action Bar设计模式有关的UI特性，但并不属于它本身的一部分。接下来会讲到这些可以加到Action Bar中的特性。

向上按钮（Up Button）

应用的图标经常被当作向上按钮。向上按钮的概念比较复杂，很多用户都搞不明白。把向上按钮和后退（后退物理（软键盘形式）菜单）功能放一起的时候，人们就糊涂了。向上的概念是安卓设计指南的一部分，值得注意。不管用户怎么结束当前的页面，向上按钮都应该总能回到应用继承体系中的上一个页面（页面出了栈就回不去了吧。。。）。向上功能一般用一个小的向左符号来表明。你可以从安卓设计指南了解到更多关于向上导航的内容，网址为：http://developer.android.com/design/patterns/navigation.html 。