Android应用UI设计模式——2.3　适合各种设备

简单地移植苹果菜单不可行，这一点在Android早期版本中就显而易见。其中一个原因是运行Android的设备种类繁多，有HTC Hero手机，有7英寸和10英寸的平板电脑，还有Android滑雪镜、智能住宅和车用触控面板，因此Android界面受制于众多空间约束。还记得第1章的案例AutoTrader吗？它采用Android 2.3及更早版本的做法，将所有功能都放在屏幕底部的导航栏菜单中。这不是好办法，因为即便设备屏幕空间足够，也会隐藏重要的功能。另外，提供的上下文操作难以超过三个或四个，如图2-5所示。 图2-5　AutoTrader应用表明，Android 2.3及更早版本的硬件菜单隐藏了重要功能 为解决这个问题，Android 4.0设计人员采用了一种货真价实的移动解决方案：溢出菜单。要明白如何针对Android 4.0和Android 4.1进行设计，必须了解这种菜单的工作原理。功能放在一个或多个被称为操作栏的菜单中。将功能放在多个操作栏中时，第二个操作栏被称为次级操作栏。图2-6所示的应用包含两个操作栏。 不管有多少个操作栏（通常是一到两个：顶部的主操作栏和底部的次级操作栏），菜单都犹如手风琴，可根据屏幕空间的大小展开或折叠。屏幕较小时，只显示几个重要的功能；屏幕较大时（如在平板电脑上），显示整个菜单且通常只有一个操作栏。操作栏容纳不下的功能放在溢出菜单中，这为屏幕有限的问题提供了一种可高度扩展的绝妙解决方案。图2-7比较了平板电脑和手机中的菜单。 图2-6　Gmail应用包含位于顶部的主操作栏和位于底部的次级操作栏 图2-7　屏幕较小时，Gmail将容纳不下的功能移到溢出菜单中 通常，操作栏只使用图标，而溢出菜单只使用文本，这与iOS菜单及以前的Android菜单大相径庭。在Android 4.0中，仍可同时使用图标和文本，例如Google Plus的取消和确定按钮及抽屉式菜单项，如图2-8所示。 图2-8　Google Plus应用在抽屉式菜单中同时使用图标和文本 通过同时使用操作栏和溢出菜单，Android界面通常能够适应不同的屏幕尺寸和设备朝向。然而，从人体工学的角度说，最终的UI并非都令人满意。下一章将详细讨论设备约束。第13章将讨论如何使用“瑞士军刀导航”模式在屏幕角落放置“隐藏的”菜单，以最大限度地节省空间。第8章将介绍使用菜单处理重要功能（如搜索）的各种方式。有关如何为7英寸和10英寸平板电脑设计有效的UI，请参阅第14章。