打造iOS应用界面：从基础到优化

### 打造 iOS 应用界面：从基础到优化 #### 1. 编辑区域与视图层次结构 在编辑区域中，除了特定图标外，其余部分是用于放置图形对象的空间。在进行图形对象放置之前，我们先来了解一下 Interface Builder（IB）编辑区域的视图层次结构。只需点击编辑区域左下角的小按钮，视图层次结构就会从左侧滑入。它会将故事板的所有内容按场景进行划分，每个场景包含相关的内容块。在当前示例中，只有一个名为“View Controller Scene”的场景，其中包含一个“View Controller”，而“View Controller”又包含一个“View”以及其他后续会介绍的内容。这个视图层次结构能让我们清晰地了解内容的整体概况，主编辑区域中的所有内容都会在这里呈现。 View 图标代表 UIView 类的一个实例。UIView 对象是用户可以看到并与之交互的区域。在这个应用中，只有一个视图，所以这个图标代表了用户在应用中能看到的所有内容。实际上，应用中会有多个视图，所有能显示在屏幕上的用户界面元素，如按钮、文本框和标签等，都是 UIView 的子类。当点击 View 图标时，Xcode 会自动高亮显示之前提到的 iPhone 尺寸的屏幕矩形区域，这里就是我们可以进行图形化用户界面设计的地方。 #### 2. 库的使用 工作区右侧的实用工具视图分为两个部分。如果看不到实用工具视图，可以点击工具栏中最右侧的三个视图按钮，选择“View ➤ Utilities ➤ Show Utilities”，或者按下“Option - Command - Zero”。实用工具视图的下半部分是库面板，它是一个包含可在自己程序中重复使用的项目集合。库面板顶部的四个图标将库分为四个部分： - **文件模板库**：包含一系列文件模板，当需要向项目中添加新文件时可以使用。例如，要添加一个新的 Objective - C 类，可从文件模板库中拖动一个 Objective - C 类文件。 - **代码片段库**：有许多代码片段，可直接拖到源代码文件中。如果忘记了 Objective - C 快速枚举的语法，从库中拖动相应的代码片段即可，无需再去查找。如果自己编写了一些可能会再次使用的代码，在文本编辑器中选中它并拖到代码片段库即可。 - **对象库**：充满了可重复使用的对象，如文本框、标签、滑块、按钮等，几乎包含了设计 iOS 界面所需的所有对象。在后续构建示例程序的界面时会广泛使用。 - **媒体库**：用于存放各种媒体文件，如图像、声音和电影等。 在库的底部有一个搜索字段，若要查找某个对象，如按钮，在搜索字段中输入“button”，当前库将只显示名称中包含“button”的项目。搜索完成后，别忘了清空搜索字段。 #### 3. 向视图添加标签 下面我们来尝试使用 Interface Builder。点击库顶部的对象库图标（看起来像一个立方体）打开对象库。可以滚动库来查找“Table View”，不过更便捷的方法是在搜索字段中输入“Table View”。对象库中的项目主要来自 iOS UIKit，它是用于创建应用用户界面的对象框架，与 Cocoa 中的 AppKit 概念类似，但由于平台差异存在许多不同之处。而 Foundation 框架类，如 NSString 和 NSArray，则在 Cocoa 和 Cocoa Touch 中共享。还有一个小技巧，按下“^⌥3”可以直接跳转到搜索字段并高亮其内容，然后直接输入要搜索的内容。 在库中找到标签，它可能位于列表顶部或附近。将标签拖到之前看到的视图上（如果在编辑面板中看不到视图，点击 Interface Builder 停靠栏中的 View 图标）。当光标移到视图上时，会变成类似在 Finder 中复制东西时的绿色加号。将标签拖到视图中心，当标签居中时会出现一对蓝色的指引线（一条垂直，一条水平），虽然标签不一定要居中，但了解这些指引线的存在很有用。 拖动标签到视图上后，它会成为主视图（名为 View）的子视图，当该视图显示给用户时，标签会自动显示。双击刚创建的标签，输入文本“Hello, World!”，然后点击标签外，重新选择标签并拖动以重新定位它。完成后，选择“File ➤ Save”或按下“Command - S”保存。 接下来，查看 Xcode 项目窗口左上角的弹出菜单，这是一个多段式弹出控件，左侧可选择不同的编译目标等，我们关注右侧，它可以选择要运行的设备。点击右侧会看到可用设备列表，如果有 iOS 设备已连接并准备好，会显示在列表顶部，否则会显示一个通用的“iOS Device”条目。在其下方，以“iOS Simulator”为首的部分列出了可用于 iOS 模拟器的所有设备类型，选择“iPhone Retina (4 - inch)”，这样应用将在模拟器中以 iPhone 5 的配置运行。如果是 Apple 付费 iOS 开发者计划的成员，也可以尝试在自己的手机上运