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

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

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

 

iOS开发 加载storyboard控制器 ios storyboard跳转_百度

以上是使用 storyBoard  编程的时候,我们的Xcode的样子,下面进行说明(编号于图上的编号一一对应):

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

 

iOS开发 加载storyboard控制器 ios storyboard跳转_百度_02

iOS开发 加载storyboard控制器 ios storyboard跳转_App_03

iOS开发 加载storyboard控制器 ios storyboard跳转_控件_04

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

iOS开发 加载storyboard控制器 ios storyboard跳转_控件_05

 

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

 

iOS开发 加载storyboard控制器 ios storyboard跳转_百度_06

iOS开发 加载storyboard控制器 ios storyboard跳转_App_07

iOS开发 加载storyboard控制器 ios storyboard跳转_App_08

 

 

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

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

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

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

 

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

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

 

iOS开发 加载storyboard控制器 ios storyboard跳转_App_09

iOS开发 加载storyboard控制器 ios storyboard跳转_App_10

iOS开发 加载storyboard控制器 ios storyboard跳转_App_11

 

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

7、不做解释

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

 

iOS开发 加载storyboard控制器 ios storyboard跳转_百度_12

 

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

iOS开发 加载storyboard控制器 ios storyboard跳转_App_13

iOS开发 加载storyboard控制器 ios storyboard跳转_控件_14

 

 

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

 

iOS开发 加载storyboard控制器 ios storyboard跳转_App_15

 

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

 

iOS开发 加载storyboard控制器 ios storyboard跳转_百度_16

iOS开发 加载storyboard控制器 ios storyboard跳转_控件_17

 

我们在 UIApppdelegate 里写上代码

iOS开发 加载storyboard控制器 ios storyboard跳转_百度_18

 

然后运行App如下效果:

iOS开发 加载storyboard控制器 ios storyboard跳转_App_19

 

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

10、约束(点击后可以进入约束的区域,查看一些约束)

11、可以百度iOS storyBoard 的

12、参考百度

13、参考百度

14、参考百度  约束相关

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

 

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