有趣的Storyboard

2016-08-04 本文已影响132人 YvanLiu

storyBoard出了这么久，因为项目中没有涉及到，所以也就没有涉猎，这几天项目不忙，闲来无事就想看一看，没想到给我玩嗨了，于是乎从昨天开始一直嗨到现在，觉得storyBoard是一个很有趣很强大的东西，果断记录一下。

开始之前先了解一下storyBoard是什么

storyBoard是iOS5中引入的，在近几年的 Xcode 更新中可以看出，苹果对 Storyboard 的开发力度也不断增强，添加了更多功能和特性，同时也让界面的开发和适配更方便。
storyBoard的本质是XML文件，它描述了窗体、组件以及Auto Layout 约束等信息。
storyBoard的优势就在与它把界面和代码分离，是界面逻辑更直观，代码更清晰、开发效率更高。

好，要创建项目了

然后大家可以看到，Main.storyboard 和 LaunchScreen.storyboard,一个是界面初始化入口，一个是启动页。

PS：这里插一句，昨天刚开始搞得时候，先是拉了一个navigationController进去，发现每次都是启动之后闪了一下，导航条就消失了，让我很费解，后来发现，我特别二的把navigationController放在了LaunchScreen.storyboard里面。所以我觉得，这里面是可以搞一些事情的，还没尝试，慢慢来吧。

进入正题

PS：昨天搞得另一个特别二的事，就是加元素的时候把这个向右的箭头删掉了，然后启动的时候各种黑屏。

尴尬的向右箭头：右面框里的单选框英文翻译过来就是最初的试图控制器，所以，当你确定在当前的这个故事版里面的它就是初始进入的页面的话，那么，请勾选。
再来说第二张图里的Class： class的作用就是关联类文件的。现实的开发中，页面里基本不太可能不需要写代码，比如我们新建了一个FirstViewController.h和FirstViewController.m 就可以通过这个选项把拖拽的ViewController和他们关联起来。

刚拖进来新鲜的ViewController

刚创建新鲜的

关联成功

我们先简单的那微信当做一个例子吧

1、首先我们需要一个tableware,于是我们删掉了之前的viewController，拖入一个tabbarController，然后删掉多余的东西。上图

2、微信有四个item 微信、通讯录、发现、我。都带导航条。来搞一下，拖进来4个navigation，为了练习，删掉了带过来的rootViewController

3、按住control鼠标从navigation拖到viewController上选root那个

4、我把.h和.m直接创建了，然后绑定

5、按住control鼠标从tabbarController拖到navigation上选view controllers那个

6、设置一下item ，修改右边框里的数据

7、这里暂时就先不搞那个tableView了，直接搞页面跳转部分吧。先简单加几个button和viewController作为跳转使用。

8、按住control 从button拖~ 拖到viewController

9、我们可以看到有几个选项，刚开始不知道是干嘛的，于是上网查了一下。
苹果文档的地址，有能力可以去看一下，我是看不懂。
https://developer.apple.com/library/ios/recipes/xcode_help-IB_storyboard/chapters/StoryboardSegue.html

在网上找到了翻译了的苹果文档内容：

Show: 在master或detail区域展现内容(典型的如iPad的设置界面，左侧是master，右侧是detail)，究竟是在哪个区要取决于屏幕上的内容，如果不分master/detail，就单纯的把新的内容push到当前view controller stack的顶部

Show Detail: 大致同Show，在detail区域展现内容，如果不分master/detail，新的内容取代当前view controller stack的顶部
Present Modally：模态展示内容，从下面弹上来的那种。
Present as Popover：在当前的view上出现一个小窗口来展示内容，无处不在的“选中文字后出现复制/翻译按钮就是这个
Custom：自定义的
Push: 这个大家都知道吧。
Modal: 和上面的Present Modally是一样的，从下面弹出来那种。