首页 > 代码库 > 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 故事板文件