本篇是接着上一篇 storyBoard 学习教程一 的补充,有过storyBoard 编程经验的伙伴还是不要阅读本篇博客了,我自己认为,太基础太简单了,为了方便别人学习使用,我还是详细的做了这篇教程。
本篇要讲一下另外一种方法让storyBoard 显示在界面上。
首先打开上一次的工程文件
我们首先在storyBoard文件中拖入一个button,我们在控制面板中设置 button 是蓝色外观,白色字体如下图所示:
下面开始关联我们的关联类(NJW_ViewController)
首先鼠标选中我们的storyboard 文件,如下图所示:
![](https://images2015.cnblogs.com/blog/736765/201603/736765-20160327022040495-355317313.png)
然后 按住 option 键钮 ,同时鼠标去点击我们的关联类,( NJW_ViewController.h)文件,我们将 Button 拖成属性(这里是演示作用,一会可以在 .m 文件里修改 button 的外观颜色,实际开发中我们可以选择是拖关联线在 .h 文件 还是在 .m 文件里,如果在 .m文件里 就是类的私有属性了,如果在 .h 文件里 就是给外界其他类提供的接口属性了)
![](https://images2015.cnblogs.com/blog/736765/201603/736765-20160327022103808-1879729554.png)
好了,当界面出现如下分屏的时候,就算这一步操作完成了
![](https://images2015.cnblogs.com/blog/736765/201603/736765-20160327022142229-240874972.png)
这个时候,我们按住 option 左边 的 control 按钮不要松开手
然后用鼠标选中 button 然后去脱线到右边的代码区如下图:
![](https://images2015.cnblogs.com/blog/736765/201603/736765-20160327022306261-2055100274.png)
好了这时候我们可以松开左手和右手了,然后去填写 button 在 .h 文件里的属性名字 我么这里写上 nextBtn 如下所示:
同样的方法,我们在 .m 文件里拖入button 的点击事件方法:如下图所示
关联后的样子:
我们先关闭右边 的代码区域,让我们当前的编程面板全面版显示,操作如下:
下面我们按照教程(一)的步骤,去创建另外一个 storyboard 文件,然后关联的类是 NJW_ViewController2 如下:
回到我们的 NJW_ViewController.m 文件里在 button点击事件的方法里写上,进入我们的新的 storyboard 文件里的方法
这里要讲解一下 模态 和 Push 的区别:
模态: 是没有导航控制器的时候,我们可以使用模态进行页面的跳转,当然有好多种跳转时候带的动画,动画效果也是非常棒。当然,如果有当行控制器,我们使用模态的话,依然可以模态进来,不过对应的返回方法是 dissmiss… 单词开头的方法
push: 是在有导航控制器的时候,我们可以使用Push 的方法进行页面之间的跳转。
下面我们使用模态的方法进行跳转:
如果我们要使用 Push 的方法进行页面之间的跳转的话,我们需要在上图 中将 here 对应的代码行 取消注释 ,将模态的代码注释上,然后在 NJW_ViewCntroller 的页面添加导航控制器,代码如下
好了接下来分别是模态 、push 到新页面的效果图:
好了,到这里本篇博客已经结束了,本篇使用了 storyboard 的ID 去查找 storyboard 文件,并显示在 window 上,介绍了 模态 和 push 在storyboard 里的使用。