Android应用UI设计模式——2.4　摆脱空间限制

“轻按任何地方”和“适合各种设备”的理念带来了一个重要变化，即可以毫不留情地将各种容器从界面中删除！这与通常大量使用圆角容器的iOS形成了鲜明对比，如图2-9所示。 提到Windows Modern UI最鲜明的特征，不同颜色的方形容器（也叫贴片，tile）、全景视图（Panorama）控件的统一背景和大标题（更详细的信息请参阅第13章）是很多开发人员的共识，如图2-10所示。 图2-9 “设置”应用表明，iOS倚重于UI容器 图2-10　Windows Modern UI“设置”应用在全景视图控件中使用统一背景和大标题 相比iOS和Windows Modern UI，Android 4.0的一个鲜明特征是，标题简单且完全抛弃了容器。需要分隔UI的不同部分时，Android 4.0不使用容器，而使用不同颜色的标题，将其字体设置为Roboto并全部大写，同时在下方添加水平分隔线，如图2-11所示。 图2-11　Android 4.0“设置”应用使用简单标题而非容器，改善了页面的流动性 不用容器提高了页面的流动性，可将更多屏幕空间用于显示内容，还让UI更能适应不同的设备，不管其屏幕的高度和宽度如何。 如果使用容器，那么容器必须小于屏幕尺寸（即屏幕可显示多个容器），才能确保其行为正常。因此，设备处于横向模式时，iOS容器常常会让人觉得很怪异。这是Android考虑的一个重要因素，因为正如前面讨论过的，“适合各种设备”意味着界面必须能够适应各种屏幕，而不管它多小、长宽比有多怪（当然得在合理范围内）。在界面中使用容器的效果不佳，因为不能动态地调整容器，以适应不同的情形。相反，如果不对内容进行约束，让它们能够自由地流动，它们就能根据屏幕大小相应地调整大小。 可惜，移动设计中的一切都是要付出代价的，不用容器也不例外。不用容器虽然提高了页面的流动性，但也要求我们增大垂直间距，以便将不同元素分隔开来。屏幕较小时，垂直间距可能很难将元素分隔开，导致整个页面中的元素都连在一起，难以分辨。另一个问题是极简的种颜色搭配。在前面的“设置”屏幕中，标题为淡灰色，与链接的颜色接近。在“日历”等其他原生应用中，标题的颜色与活动元素相同，都是淡蓝色。这两种颜色方案都可能令人困惑，用户难以分清哪个是可轻按的活动元素，哪个是标题。一种值得推荐的做法，是为标题、活动链接和活动元素设置不同的颜色，以消除困惑。