storyBoard学习教程一（页面跳转）

今天为了给伙伴作一篇storyBoard快速编程的教程，所以才写下了这篇博客。

有过storyBoard 编程经验的伙伴还是不要阅读本篇博客了，我自己认为，太基础太简单了，为了方便别人学习使用，我还是详细的做了这篇教程。 

 不怕辛苦，不怕被别人贬低，就怕自己不能够成长。不废话，开始

 

以上是使用 storyBoard  编程的时候，我们的Xcode的样子，下面进行说明（编号于图上的编号一一对应）：

1、storyBoard 文件的启动图页，可以在工程的配置文件夹 general 里面设置启动图为 LaunchScreen 如下图所示。在编号18处选择如图，在对应的LaunchScreen.storyBoard 文件里，从编号为15（先选中编号为15的按钮）然后在下面的区域，选择一个 UIImageView 控件，如图A 所示。将控件拖动到我们的控制面板中，如图B所示。 

 

2、Main.storyboard 就是我们的App默认的启动页面，对应的工程配置文件如下图所示：

 

3、就是 UIVIewController 代表这我们这个 storyBoard 文件是个什么类型的文件，可以是 UITableViewController 等等之类的，我们分别建一个 UIViewController 、UITableViewController 的 storyBoard 文件，如下图所示：

 

 

 

4、我们要说一下这里一些图标的意思：

File’s owner 是所有nib 文件的图标，表示是从磁盘加载nib文件的对象。

First Responder 就是用户当前正在与之交互的对象。

View 显示用户界面，完成用户交互，是UIView类或子类

 

5、就是该ViewController 通常设置代理的时候，可能需要用到，如，我们在 storyBoard.storyboard 文件里添加一张表UItableViwe 然后设置表的代理为 该视图控制器 （以下做法 等同于代码设置UItableView 的代理）

第一步：我们点开上面创建好的 StoryBoard.storyboard 文件是长这个样子的 

 

 

6、就是用户当前正在与之交互的对象。

7、不做解释

8、就是自定义关联类的一些设置区域，如下图 

 

 

为了做好关联，和跑通界面，我是非常理解这里必须写的详细的一些，那就详细的写

 

 

下面是进行关联，将我们的 StoryBoard.storyboard 文件 和 NJW_VIewController 类文件进行关联，如下图所示：

 

 

修改页面为红色，一会便于我们区别

 

 

我们在 UIApppdelegate 里写上代码

 

然后运行App如下效果：

 

9、页面属性，可以查看或者修改注如 self.view  字体之类的一些常用属性的设置

10、约束（点击后可以进入约束的区域，查看一些约束）

11、可以百度iOS storyBoard 的

12、参考百度

13、参考百度

14、参考百度  约束相关

15、可以选择想用的可视化控件 

 

到这里为止，本篇博客讲解了关于 storyboard 的一些基本入门知识，以及实现加载一个 storyboard 的文件