16、旋转与自适应布局：iPhone 与 iPad 布局设计指南

旋转与自适应布局：iPhone 与 iPad 布局设计指南

1. 尺寸类与故事板基础

在设计应用界面时，尺寸类（Size Classes）是实现自适应布局的关键概念。故事板编辑器中的尺寸类控件默认设置为 wAny hAny，这意味着故事板中的设计适用于任何宽度和高度尺寸类的设备，我们将其称为基础设计。在开始设计时，应先创建基础设计，之后可通过修改基础设计来得到其他所需的设计。

例如，对于某个应用，我们需要为 iPhone 横屏和 iPad 分别设计额外的布局。下面将详细介绍如何创建这些布局。

2. 创建 iPhone 横屏布局

2.1 选择尺寸类组合

首先要确定与我们即将设计的布局相对应的尺寸类组合。除 iPhone 6 Plus 外，所有 iPhone 的横屏模式对应紧凑宽度、紧凑高度（wCompact, hCompact）。但我们希望 iPhone 6 Plus 也使用相同设计，它对应常规宽度、紧凑高度（wRegular, hCompact）。因此，我们需要实现一个适用于任何宽度和紧凑高度的设计，可通过选择宽度的伪尺寸类 Any 来实现。
操作步骤如下：
1. 点击尺寸类控件打开弹出窗口。
2. 将鼠标悬停在网格中的方块上，蓝色矩形会改变形状，描述信息会显示对应的尺寸类组合、匹配的设备和方向。
3. 选择 wAny, hCompact，它对应网格顶行最左边的两个方块。
4. 点击网格中最右边的蓝色方块进行选择，此时尺寸类控件会更新，工具栏颜色改变，表明不再编辑基础设计，故事板中的视图控制器区域形状也会更像 iPhone 横屏。

2.2 修改设计的操作