5、iOS开发：使用Interface Builder创建应用界面

iOS开发：使用Interface Builder创建应用界面

1. 编辑区域与视图层次结构

在开发过程中，编辑区域除了特定图标外，其余部分是用于放置图形对象的空间。在开始放置图形对象之前，我们先来了解一下Interface Builder编辑区域的视图层次结构。操作步骤如下：
- 点击编辑区域左下角的小按钮，视图层次结构会从左侧滑入。
- 这个视图展示了故事板的所有内容，被分割成包含相关内容块的场景。在当前示例中，只有一个名为“ViewController Scene”的场景。
- 该场景包含一个“ViewController”项，而“ViewController”又包含一个“View”项（以及其他后续会学习的内容）。通过这个视图，能方便地对内容进行整体预览，主编辑区域的内容会在这里镜像显示。

“View”图标代表 UIView 类的一个实例。 UIView 对象是用户可以看到并与之交互的区域。在当前应用中，只有一个视图，这个图标代表了用户在应用中能看到的所有内容。后续会构建更复杂、包含多个视图的应用。点击“View”图标，Xcode会自动高亮之前提到的iPhone尺寸的屏幕矩形，这里可以进行用户界面的图形化设计。

2. 库的介绍

工作区右侧的实用工具视图分为两个部分。若未显示该视图，可以通过以下操作显示：
- 点击工具栏中三个视图按钮最右侧的按钮。
- 选择“View ➤ Utilities ➤ Show Utilities”。
- 按下 Option - Command - Zero 组合键。