Android应用UI设计模式——1.5　选择控件

Android平台自带了一整套适合触摸的控件，适用于各种屏幕尺寸和设备配置。Ice Cream Sandwich提供了滑块、重新设计的文本框以及具有双重功能的全新选择器，这将在第10章更详细地讨论。这里要说的是，移植到Android后，AutoTrader依然使用iOS风格的表单控件和分区标题。下面介绍如何重新设计它们，以遵循Android风格。 1.5.1　重新设计前 首先要注意，AutoTrader使用iOS风格的组合选择器让用户选择年份和价格，如图1-11所示。 图1-11　AutoTrader使用iOS风格的表单让用户选择年份和价格 这个iOS控件并非Android原生的，需要将其改为Android风格的控件。下一小节会介绍几种修改思路。 该表单设计上存在的另一个问题是将输入字段放在了圆角容器内，并使用了iOS风格的分区标题。正如第2章将讨论的那样，Android遵循不受约束的（Mobile Space，Unbound）视觉设计原则，抛弃了容器和方框，尤其是带圆角的容器和方框。 1.5.2　重新设计后 第10章将介绍，在Android中以触控方式输入范围值的方法很多。一种最直观的方式是，将组合选择器改为两个选择器，分别用于指定上限和下限（并用右边带三角形的线标识），如图1-12所示。 图1-12　新设计使用原生的Android选择器和分区标题 虽然选择器提供了不错的解决方案，但也可使用众多其他的交互设计模式，如第10章和第11章介绍的复合下拉列表（Drop Down），将两个滑块分别用于选择上限和下限。还有双滑块（Dual Slider）以及试验设计模式“带直方图的滑块”（Slider with Histogram）。这些模式使用起来虽然不难，却非常需要技巧，这将在本书第二部分详细讨论。这些模式特别适合避免根据输入搜索不到结果，如指定的价格太低或指定的年份不对，这个主题将在第9章详细讨论。 在Android 4.0/4.1中，表单可以移动，以适应不同的屏幕高度和宽度。因此，要使用简单标题来分隔不同部分，而不要将表单分区放在容器中。Android原生标题全部大写，使用Roboto字体（上图为Helvetica字体），下面有一条颜色与其他内容形成鲜明对比的分隔线。