首页 > 代码库 > iOS基础 02 StoryBoard 故事板文件
iOS基础 02 StoryBoard 故事板文件
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. 本文最后
没有结尾总觉得哪里怪怪得。。。
iOS基础 02 StoryBoard 故事板文件