5、iOS开发：从界面设计到应用图标设置全流程指南

iOS开发：从界面设计到应用图标设置全流程指南

1. 文档大纲与视图

在编辑区域左下角点击小按钮，文档大纲会从左侧滑出。它展示了故事板的所有内容，按场景划分，每个场景包含相关内容块。在当前示例中，只有一个视图控制器场景，其中包含视图控制器，视图控制器又包含视图等元素。这是一种便捷的查看内容概览的方式，主编辑区域的内容会在此处镜像显示。

视图图标代表UIView类的一个实例，UIView对象是用户可见且可交互的区域。当前应用中只有一个视图，该图标代表了用户在应用中能看到的所有内容。点击视图图标，Xcode会自动高亮之前提到的方形屏幕轮廓，可在此处进行用户界面的图形化设计。

2. 库的介绍

工作区右侧的实用工具视图分为两部分。若未显示该视图，可点击工具栏最右侧的视图按钮，选择“视图”➤“实用工具”➤“显示实用工具”，或按Option - Command - Zero组合键。

实用工具视图的下半部分是库面板，它是可在自己程序中复用的项目集合。库面板顶部的四个图标将其分为四个部分：
| 库类型 | 说明 |
| ---- | ---- |
| 文件模板库 | 包含文件模板集合，可在项目中添加新文件时使用，例如将所需类型的文件从该库拖入项目。 |
| 代码片段库 | 有代码片段集合，可将其拖入源代码文件。若忘记Objective - C快速枚举的语法，可从库中拖出相应片段，无需查找。也可将自己编写且后续可能复用的代码选中后拖入该库。 |
| 对象库 | 充满了可复用对象，如文本字段、标签、滑块、按钮等，是设计iOS界面所需的各类对象，在构建示例程序界面时会广泛使用。 |
| 媒体库 |