65、打造自适应 iOS 16 用户界面及使用 Storyboard 开发指南

打造自适应 iOS 16 用户界面及使用 Storyboard 开发指南

1. 利用特征变体设计自适应 iOS 16 用户界面

在设计 iOS 16 用户界面时，设备屏幕尺寸和分辨率的多样性要求我们采用自适应设计。特征变体和尺寸类是实现这一目标的重要工具。

1.1 特征变体基础

当属性设置旁边没有任何尺寸类信息时，字体设置对应于任意宽度、任意高度、任意色域的尺寸类，除非被覆盖，否则将应用于所有设备和方向。在属性字段左侧有一个“+”按钮，点击它会显示一个菜单面板，可用于为特征变体进行尺寸类选择。例如，要为常规宽度、常规高度和任意色域配置不同的字体大小，可通过菜单进行相应选择。添加特征配置后，它会显示在属性检查器面板中，标记为 wR hR，可用于为常规宽度和高度尺寸类的设备配置更大的字体。

1.2 约束变体的使用

布局大小和约束变体通过尺寸检查器进行管理。可通过特定按钮访问尺寸检查器，它会根据设计布局中当前选择的对象或约束进行更新。约束的选择方式有两种：一是在布局画布中点击约束线，二是在文档大纲面板中进行选择。添加新的约束变体时，点击“+”按钮并选择所需的类设置，设置完成后需禁用默认变体，使自定义变体生效。

2. 自适应用户界面教程

接下来通过一个具体的教程来展示如何创建自适应用户界面。

2.1 创建项目

首先，创建一个名为 AdaptiveDemo 的新 Xcode iOS 应用项目，语言选择 Swift。

2.2 设计初始布局

以竖屏的 iPhone 14 作为用户界面的基础布局配置。具体操作步骤如下：