将场景添加到串联图中

将场景添加到串联图中

现在,串联图已经创建完成,接下来让我们开始添加应用程序的内容吧。Xcode 提供了对象库,你可以将库中的对象添加到串联图文件。其中的一些对象属于视图中的用户界面元素,例如按钮和文本栏。其他的对象则定义了应用程序的行为,但它们不会显示在屏幕上,如视图控制器和手势识别器。

首先,请将视图控制器添加到串联图中。视图控制器管理了相应的视图及其分视图。

将视图控制器添加到串联图

1. 在项目导航器中,选择 Main.storyboard 。

Xcode 会在编辑器区域的 Interface Builder(其可视化界面编辑器)中打开串联图。由于串联图是空的,因此你看到的是空白画布 。画布可用来添加和排列用户界面的元素。

2. 打开对象库。

对象库出现在实用工具区域的底部。如果看不到对象库,你可以点按其按钮,即库选择栏中左起第三个按钮。(如果看不到实用工具区域,可以选取"View">"Utilities">"Show Utilities"来显示。)

列表显示每个对象的名称、描述和可视化表示。

3. 将"View Controller"对象从列表拖到画布中。

如果在对象库中找不到标题为"View Controller"的对象,请在列表下方的文本栏中键入内容来过滤对象列表。键入 View Controller ,那么过滤后的列表中就只会显示视图控制器对象。

现在,应用程序中的串联图包含了一个场景 。画布上指向场景左侧的箭头是"initialsceneindicator"(初始场景指示器),它表示此场景是应用程序启动时首先载入的场景。现在,你在画布上看到的场景包含了单个视图,由视图控制器管理。虽然是在 iOS Simulator 中运行应用程序,但实际上这也是你将在设备屏幕上看到的视图。在 iOS Simulator 上运行应用程序有助于验证所有配置正确与否。执行该操作前,请在场景中添加一些可以在应用程序运行时看见的内容。

将标签添加到场景

1. 在对象库中,找到"Label"对象。

如果曾在过滤文本栏中输入过内容,那么需要先清除原有内容,才能看到"Label"对象。你也可以在过滤栏中键入" Label "来快速查找"Label"对象。

2. 将"Label"对象从列表拖到场景中。

3. 将标签拖到场景的中央,直到出现水平和垂直参考线。

看到以下图标时,停止拖移标签:

 

参考线表示目前标签已水平和垂直居中。(只有在参考线旁拖移对象或调整其大小时,参考线才可见;因此当你松开标签时,参考线会消失。)

4. 连按标签的文本,选中并进行编辑。

5. 键入" Hello, World! "并按下 Return 键。

如有需要,请将标签重新居中。

 

测试更改

最好在 iOS Simulator 中运行应用程序进行定期检查,看看是否一切都如预期般正常。此时,当应用程序启动时,应会载入你在主串联图中创建的场景。点按 Xcode 中的"Run"按钮。你看到的应该大致是这样的:

如果看不到添加的标签,请确定所创建的串联图已配置为应用程序的主界面,并确定在应用程序委托中用于创建空白色窗口的代码已移除。

借此机会,你可以试验一下界面可添加的内容。通过更改以下设置来探索 Interface Builder:

●标签的文本

●标签的字体

●文本的颜色