iOS基础 02 StoryBoard 故事板文件

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

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

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

1. 故事板的导航特点

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

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

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

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

iOS系列 基础篇 02 StoryBoard 故事板文件-LMLPHP

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

iOS系列 基础篇 02 StoryBoard 故事板文件-LMLPHP

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

2. 故事板中的Scene和Segue

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

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

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

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

iOS系列 基础篇 02 StoryBoard 故事板文件-LMLPHP

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

3. 本文最后

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

04-13 12:49