9、Xcode 视图开发全解析

Xcode 视图开发全解析

1. 创建条件约束

在进行界面设计时，我们可以创建条件约束，让界面元素的位置根据设备类型而变化。以下是具体步骤：
1. 在设备类型按钮中，点击其中一个 iPad 按钮（最左边的），此时尺寸类别显示为 wR hR。
2. 点击“Vary for Traits”，在弹出的小窗口中，勾选两个复选框，表示我们希望即将进行的更改仅在宽度尺寸类别和高度尺寸类别都与当前尺寸类别匹配时应用（两者都应为 .regular）。整个布局栏变为蓝色，表明我们处于特殊的条件设计模式。
3. 进行所需的更改：选择界面中的按钮，选择左侧约束，删除左侧约束，将按钮滑动到界面右侧，按住 Control 键从按钮向右拖动并创建一个新的尾随约束。如有必要，点击“Update Frames”按钮，使橙色的“Misplaced Views”警告符号消失。
4. 点击“Done Varying”，布局栏不再是蓝色。

创建条件约束后，点击 iPhone 设备按钮，再点击 iPad 设备按钮，界面中的按钮会在界面左右两侧之间跳动，其位置取决于设备类型。查看按钮的检查器，约束有两个“Installed”复选框，一个用于一般情况，一个用于 wR hR，只有一个复选框被选中，即约束在一种情况下存在，在另一种情况下不存在。在文档大纲中，未为当前尺寸类别安装的约束或视图会以淡化图标列出。

2. Xcode 视图调试器

Xcode 的视图调试器可以帮助我们分析和显示应用程序当前的视图层次结构，具体操作如下：
- 选择“Debug → View Debugging → Capture View Hierarchy”，或者点击调试栏中的“De