iOS基础 02 StoryBoard 故事板文件

Posted 2020-08-04

 

ios基础 02 StoryBoard 故事板文件

 

目录：

　　1. 故事板的导航特点

　　2. 故事板中的Scene和Segue

　　3. 本文最后

 

　　在上篇HelloWorld工程中有一个Main.storyboard文件，它被称为“故事板”（storyboard）文件。

　　它可以描述应用中有哪些界面，界面有哪些控件以及它们的事件。

 

　　此外，故事板还能描述界面之间是如何导航的。

 

1. 故事板的导航特点

　　在包含多个视图控制器的情况下，采用故事板管理比较方便，而且故事板还可以描述界面之间的导航关系。

 

　　下面我们举例说明故事板的用法。

　　我们要做这样一个应用：两个不同的界面，有两个标签分别与其对应，点击标签，实现两个界面的互相切换。

　　该应用采用标签栏导航模式，设计原型的草图如下：

 

　　选择Tabbed Application模板创建工程，在生成的工程中打开Main.storyboard文件。我们可以看到如图所示的设计视图：

 

　　可以看到，该应用包含两个视图，并且两个视图存在切换关系。

 

说明：

　　在一些老版本Xcode创建的工程中，经常会看到xib文件。事实上，xib与故事板是非常相似的技术。

 

　　那么故事板与xib比较，是否只是文件后缀名不同呢？

　　当然不是，一般而言，一个工程中国年可以有多个xib文件，一个xib文件对应一个视图控制器和多个视图。而使用故事板时，一个工程只需要一个主故事板文件就可以了。

 

 

 

2. 故事板中的Scene和Segue

　　Scene和Segue是故事板中非常重要的两个概念。每个视图控制器都会对应一个Scene（译为“场景”），可以理解为应用的一个界面或屏幕，其中有很多视图或控件，相当于一个xib。

 

　　这些Scene之间通过Segue连接，Segue不但定义了Scene之间的跳转（或导航）方式，还体现了Scene之间的关系。

 

　　跳转的类型分为：Push、Modal、Popover和自定义方式。Scene跳转类型还要跟具体的控制器结合使用。

　　Push是树形导航模式，Modal是模态导航模式，Popover是呈现浮动窗口，这些导航模式咱们后续再详细逐一介绍。

 

　　除了Scene和Segue之外，故事板中还有关于表视图单元格的一些新东西，这些我们也会在后续单独逐一介绍。

  

 

3. 本文最后

　　没有结尾总觉得哪里怪怪得。。。