Android Design - 多视图布局

多视图布局 Original Version

Building a Dynamic UI with Fragments

为 Android 开发应用时，要注意有各种屏幕尺寸的设备能够运行 Android 系统。确保你的应用在各种设备上始终能够提供平衡且美观的布局。

通过“面板”可以帮助你做到这一点。当屏幕上有很多横向空间时，多个“面板”可以组合成一个复合视图，而在小屏幕上，则可以将它们分割成多个视图。

在小型设备上，应用的内容可以被分为一个主要的列表和详细信息视图。触摸列表中的项目，将切换到对应的详细信息。

由于平板比手机拥有更大的屏幕，你可以通过“面板”将项目列表和详细信息放在一个单独的复合视图中。这样可以更加充分的利用屏幕空间，并且使应用中的导航更加容易。

一般情况下，在屏幕左边显示列表，右边显示列表中被选中项目的详细信息。保持左边列表中被选中的状态，使得面板间的关系更加明确。

无论屏幕是竖着还是横着的，视图中的功能应该是一样的。如果你使用了复合视图，那么在旋转屏幕的时候，仍然保持复合视图，不要分割成多个视图。有很多方法可以确保屏幕旋转的情况下，功能保持不变。

调整左边列表的宽度，使得布局在不同方向上都保持平衡且合理。

重新排列面板的堆放方式，适应不同的屏幕方向。

当屏幕旋转的时候，可以将左边的列表的一部分折叠起来，只显示重要的信息。并且提供一个“展开”的控件，使用户可以将左边的列表重新调整成原来的宽度。

旋转屏幕后，让右边的面板占满整个屏幕。通过操作栏中的“向上”按钮隐藏/显示左边的列表。