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

2024-09-30 23:20:21

今天为了给伙伴作一篇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 的文件

最新文章

热门文章