牛B的Android(安卓)UI--第18章 与用户交互相关的设计模式 （上）
第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 。
其他的导航控制
Action Bar有时被用作导航控制容器。如图18-3谷歌地图应用的下拉导航列表和图18-4 YouTube应用的选项卡导航就是很好的例子。
大屏幕适配
Action Bar很容易适配到大的屏幕上。足够大的横向空间使得Action Bar里的组件很轻易就能摆放在适合的地方。为了看起来好看些，通常平板电脑的Action Bar比手机上的高一点。如图18-5显示的TED应用在平板电脑上的Action Bar。和图18-2显示的是同一个页面。
大屏幕增加的空间或横屏时的空间使你很容易添加诸如导航选项卡（如图18-4）、扩展标签或者将一些操作从溢出菜单中移出来放到Action Bar上面。
很多Action Bar库和AndroidSDK都对操作栏的适配做了很好的实现。在这章接下来的技术实现部分将会说到这些内容。
此章未完待续。。。
更多相关文章
- iPhone和Android的控件对比
- Anroid Wear OS 手表应用开发 - 微光模式 AmbientMode
- java/android 设计模式学习笔记（8）---桥接模式
- android 源码设计模式之--代理模式(Proxy)
- Android(安卓)UI 及 API 优化指南｜Android(安卓)开发者 FAQ Vol.1
- 2018 Android面试心得，已拿到offer
- 【Xamarin.Android】探索android的底部导航视图
- 牛逼的Android(安卓)UI--第18章 与用户交互相关的设计模式 （中）
- Android(安卓)内功心法(1.7)——android常用设计模式之组合(合成