[Xcode 实际操做]9、实用进阶-(22)Storyboard故事板的经常使用布局结构

目录：[Swift]Xcode实际操做

本文将演示如在使用故事板搭建项目时，经常使用的一种故事板布局结构。

在项目导航区，打开故事板文件【Main.storyboard】

当前故事板中只有一个视图控制器控件，

故事板项目结构点击选择此控件【View Controller】

依次点击：

【Editor】编辑->【Embed In】嵌入->【Navigation Controller】导航控制器。

给故事板故事板添加一个导航控制器，并将当前的视图控制器，嵌入导航控制器。

故事板项目结构点击选择此控件【Navigation Controller】。

依次点击：

【Editor】编辑->【Embed In】嵌入->【Tab Bar Controller】标签控制器。

给故事板故事板添加一个标签控制器，并将当前的导航控制器，嵌入标签控制器。

在故事板空白处双击，缩小故事板的显示比例，观察当前的故事板项目结构。

从故事板中能够看出，三种视图控制器之间的包含关系：

标签控制器处于最外面，而且是故事板的初始视图控制器。

点击【库图标】，在【View Controller】视图控制器上双击，

往故事板中插入一个新的视图控制器。

将视图控制器向左拖动，使视图控制器与上方的标签控制器左对齐，保持界面的整洁。

在标签控制器上按下鼠标右键，而后拖动到刚建立的新的视图控制器。

或者按下键盘上的控制键【Command】，而后使用鼠标左键进行拖动。

（拖动控制器或控件的两个方法：一、鼠标右键 　　二、【Command】+鼠标左键）

在弹出的选项列表中，选择相应的链接关系。

将新建的视图控制器，与标签控制器创建链接关系。

选择【view controllers】

拖动下方的横向滚动条，查看故事板右侧的内容。

点击选择最开始的那个视图控制器，按下快捷键【Conmmand】+【D】复制选中的视图控制器。

将复制后的视图控制器向右拖动一段距离。

选择左侧原视图控制器中的按钮控件。按下鼠标右键，拖动到复制的视图控制器。

在弹出的选项列表中，选择视图控制器之间的跳转关系：【Show】

当点击左侧视图控制器中的按钮时，将在导航控制器中，跳转至右侧的视图控制器。

点击复制的视图控制器中的按钮，使用【Command】+【Delete】删除选择的按钮。