创建串联图Storyboard

创建串联图Storyboard

串联图能直观展示应用程序的用户界面、显示内容屏幕以及它们之间的转换。你可以使用串联图对驱动应用程序的流程或构思进行布局。

要了解串联图融入应用程序的方法，在本教程中你可以手动创建一个，然后将其添加到应用程序内。

与开始使用的 Empty Application 模板不同，其他 Xcode 模板包含了预配置的串联图，提供了视图、视图控制器和相关的源文件，用于设置该类型的应用程序的基本架构。手动配置完串联图后，你将会看到各个部分是如何配合工作的。然后，你就可以使用预配置有串联图的项目模板，开始应用程序开发了，这会节省不少时间。

 

创建新的串联图

1. 选取"File">"New">"File"（或按下 Command-N）。

这时将会出现一个对话框，提示你为新文件选取模板。

2. 在左边，选择 iOS 下方的"User Interface"。

3. 点按"Storyboard"，然后点按"Next"。

4. 在"Devices"选项中，选择"iPhone"。

5. 点按"Next"。

这时会出现一个对话框，提示你选取一个位置并为新串联图命名。

6. 在"Save As"栏中，将文件命名为 Main 。

7. 请确定将文件与项目存储在同一个目录中。

8. 在"Group"选项中，选择"ToDoList"。

9. 对于"Targets"，选择"ToDoList"旁边的复选框。

此选项可让 Xcode 在构建应用程序时包括新的串联图。

10. 点按"Create"。

 

这时，一个新的串联图文件将创建完成，并被添加到项目中。你可以在这个文件中工作，对应用程序的内容进行布局。

 

现在，需要让 Xcode 知道你想将此串联图用作应用程序中的界面。开始时，应用程序对象会检查该应用程序是否配置了主界面。如果已配置，应用程序对象会在应用程序启动时载入已定义的串联图。

 

将串联图设为应用程序的主界面

1. 在项目导航器中，选择你的项目。

在工作区窗口的编辑器区域，Xcode 会显示项目编辑器，可让你查看和编辑与应用程序构建有关的细节。

2. 在"Targets"的下方，选择"ToDoList"。

如果"Project"和"Targets"列表未显示在项目编辑器中，请点按编辑器面板左上角的显示三角形。

3. 选择"General"标签。

4. 在"Deployment Info"的下方，找到"Main Interface"选项。

5. 选择你的串联图： Main.storyboard 。