调整大小以缩窄布局指南

设计应用的 UI，使其可以在用户将它调整为较高或较窄视图时适应调整。如果你计划进行以下操作，本主题的指南将适用于你：

有关较常规的推荐，请参阅 Guidelines for supporting multiple screen sizes。有关为较窄布局设计游戏的特定指南，请参阅游戏创意书。

如果你希望查看这些指南如何应用于示例，请参阅：

示例

默认的 Windows 应用商店应用的最小宽度为 500 像素。以下应用的宽度为 500 像素。

默认最小宽度为 500 像素的应用。

以下应用的宽度为 320 像素。

较窄最小宽度为 320 像素的应用。

如果选择支持的最小宽度小于 500 像素，你应该在设计上做出一些更改，以便应用在此大小时可以发挥功能并正常使用。遵循应做事项和禁止事项以确保你的应用在宽度小于 500 像素时有效。

此外，还可以选择在应用高度大于宽度时对应用做出设计上的更改。例如，你可以设计应用，使其在高度大于宽度时垂直平移，而不是水平平移。

以下应用在全屏时进行水平平移。

在全屏时进行水平平移的应用

以下应用的高度大于宽度。该应用现在垂直平移。

高度大于宽度并垂直平移的应用。

你是否应该支持小于默认最小值的宽度取决于你期望用户使用你的应用实现哪些操作。下面是一些常见的应用场景，在其中你应该支持窄宽度（低至 320 像素）：

如果你保持 500 像素的默认最小宽度，则不需要为具有较窄宽度的应用做特殊考虑。

如果你的应用在全屏时水平平移，请在应用窗口高度大于宽度时切换为垂直平移。
若要适应较窄的大小，在你的应用宽度小于 500 像素时，进行以下设计方面的更改：
- 使用较小的“后退”按钮样式。有关“后退”按钮大小的详细信息，请参阅符号图标列表。
- 使用 20 像素的左边距。
- 使用 20 磅大小的应用标题。
- 将较小的偏移值用于页面过渡动画和内容过渡动画。
下面是正常宽度的“计算器”应用：

以下是宽度为 320 像素的相同应用。根据较窄布局建议，左边距现在为 20 像素且标题字体已减小到 20pt。
如果你的应用在全屏时垂直平移，当应用高度大于宽度时，缩小以显示单列或窗格。你可以决定要在哪个精确宽度时将应用切换为单列或窗格。在单列或单窗格视图中，请确保包括了让用户从一个窗格移到另一个窗格的导航。
设计你的应用布局和所有控件，使其可以缩小到最小大小，并且在较高和较窄应用窗口中可正常使用。请考虑以下重要控件：
在窗口大小更改为窄宽度时，不要将用户导航到应用的其他部分。
如果你不能在较窄大小保留应用的大多数功能，不要支持小于默认最小值（500 像素）的宽度。