【Size Classes Design Help】- About Designing for Multiple Size Classes

Size Classes Design Help:  About Designing for Multiple Size Classes

多尺寸规格（size classes）设计

使用尺寸规格（size classes）可以让 storyboard 和 xib 文件支持所有的iOS设备屏幕大小。 可以使app的用户界面在任意iOS设备上运行。

通过尺寸规格（size classes）， storyboard 和 xib 文件可以适配不同的屏幕大小和方向。做界面的时候，先做大多数设备都适用的界面，然后再在不同的设备上更新需要改变的部分。

尺寸规格（size class）表明高度和宽度显示出来的相对距离。

每一个围度都可以是 紧凑（compact），正常（regular），任意（any）。

• 紧凑： iPhone横屏时的高度
• 正常： iPad的高度或者宽度
• 任意： 任意界面和方向都不需要改变的布局

要使用尺寸规格（size classes），首先先把我们的界面抽象出来，也就是通用设备使用任意尺寸规格。 其他具体的界面，使用合适的尺寸规格（size classes）。 根据需要，可以添加、删除视图，改变文字的字体，添加、删除、修改约束。

尺寸规格（size classes）可以影响的四个因素：

• 约束的偏移量
• 是否使用约束
• 是否使用某个控件
• 文字的字体

这四个因素，可以通过以下修改来调整界面

• 控件的尺寸和位置
• 添加、删除控件
• 添加、删除约束
• 改变 label、fields、text view 和 button 的字体

在设计app的时候，可以直接在 Xcode 里面预览不同设备的布局。

附：预览界面

Interface Builder Help: Previewing Your Layout for Different Localizations, iOS Devices, and iOS Versions

打开 View -> Assistant Editor -> Show Assistant Editor

或者工具栏的小西装图标

选择Preview

然后页面上就会有设备上显示的界面了。

鼠标移到设备上，设备下方的信息边上会出现一个旋转按钮，用来切换横竖屏

左下角的 + 可以添加设备

右下角还有个 English， 点开来还有个 Double-Length Pseudo-language（百度了下，双字节伪语言，不明白，也没有深究了。）