StoryBoard 相关

StoryBoard

新

• Storyboard使用教程一

下面是 术语 介绍

• segue 转场
  一个视图控制器在Storyboard中的官方术语是“场景（scene）”，但这两种叫法是相通的。一个视图控制器在Storyboard中可以叫做场景。
  也叫过Storyboard 分镜

• tableview的表项
  prototype cell 原型表项
  static cell 静态表项
  静态表项 需要把所有DataSource 的代理删除掉

• deployment 部署

• trait 特点

• variation 差异

• File inspector（文件检查器）

---

自动布局（Auto Layout）
尺寸归类（Size Classes
自动布局由iOS 6引入，尺寸归类由iOS 8引入。
关于 Size Classes

• SizeClasses 详解
• iOS - SizeClasses的基本使用

---

• embed 嵌入

把一个普通试图控制器(viewController)嵌入一个 导航控制器(navigationController)
除了使用拖入导航控制器之外,还可以使用xcode 的菜单栏的按钮来操作
如下: Editor -> Embed in -> Navigation Controller

---

• 关于 storyboard tableviewcell 创建.

  • Prototype cell 类型
    可以配置下面的属性
    • Style
    • Identifiler
    • Accessory
    • RowHeight

  然后直接在代码中使用这个cell
  Prototype cell 必须在 .swift 文件中实现 tableview的 DataSource 代理方法

• static cell 创建

不需要实现tabelview 的 DataSource 代理方法
直接在storyboard 中 的cell 空间中拖入什么控件 运行就会显示什么, 而且 cell 中的控件可以跟 viewController 连线创建属性 (prototype cell 则不行)
StoryBoard 和自定义cell文件
在storyboard中拖入tableview 会带有一个 cell 选则cell 类型为 dynamic prototypes
创建cell 文件(.swift .h .m 不带有xib)
在上面的storyBoard中 给 prototypecell 添加想要的控件.
在cell 文件中 添加相应的属性 (以前都是直接连线创建属性,现在是先创建属性)
如先写这样的代码:@IBOutlet weak var gameLabel:UILabel!
- 可以把属性和控件连线连起来.
- 或者直接在storyboard 中 选中这个cell ->选中 shower the connections inspector 我们可以看到cell文件中创建的属性都在这, 直接和相应的控件连线就好.
- 或者. 选中storyBoard 中的 cell. 把cell 和 cell 中的控件连线, 可以弹出cell 的属性,把控件和这些属性对应链接.
但不必为该表创建数据源，也不必为此编写cellForRowAtIndexPath方法，你可以直接在Interface Builder中完成设计。这个特性叫做静态表项（static cell）
static cell 不需要 data source 把 所有有关 dataoSource 代理方法全部删掉

static cell 只在 UITableViewController 中有效, 其他 viewController 中编译不通过
目前来讲，使用原型表项或静态表项就必须使用Storyboard。

---

• Trait Variations 和 Size Classes 使用
  xcode8中的 Trait Variations 就是 Size Classes
  自己写的红色 sizeClass demo 红色view 在竖屏下显示,横屏下不显示,
  设置过程如下: storyBoard 中选中这个view , 控制面板中的 show the attributes inspector 中 选择最后一个选项的加号, 设置为 wC hR installed

interface building 最下面的面板, 可以给不同大小的设备定制不同的约束.

1. 选择设备
2. 选择方向
3. 选中按钮 [Vary for Traits]
4. 添加约束, 该约束只在此特定设备上起作用.[这里是抽象的设备 为 Size Class]
5. 重复上面的步骤 给其他设备添加约束

不同设备的界面布局不同如何设置

• xcode8使用的Trait Variations适配布局
  具体事例 可以查看这个how to use Vary for Traits

1. 针对不同的设备添加不同的约束[适用于 iPad 和 iPhone 完全是两套布局时的情况]

使用 Vary for Traits

2. 不区分设备先给最常用的布局添加约束, 再针对每个特定的约束 添加设备条件 [适合于所有设备都是同一个布局模式,每种设备大体布局不变,只有少数几个约束会发生细微变化的情况]

不使用 Vary for Traits

---

• StoryBoard 界面跳转 segue
• Storyboard使用教程二
  action segue (转场)中的选项
• push
• model 模态转场 相当于 present
• custom 自定义

控制器返回上个页面, 返回的方法写在上个页面中.(表示很难理解)

返回上个页面

返回按钮控件和storyBoard中的Exit 连线, 选择合适的退出方法.

凡是界面跳转都会执行下面的方法

  override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
    }

• storyBoard 性能问题
  storyBoard 中 视图控制器是按需加载的，就像手动载入nib一样。

界面返回 举例

当返回上个页面时, 比如你选择了某个cell 来返回上个页面, 程序先返回上个页面 再执行选中cell 的事件. 是不是很坑.(前提是 cell 的点击事件绑定了 Exit)
这时候我们可以使用下面的方法来解决 每次返回上个页面时都会先调用下,下面的方法

override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "SaveSelectedGame" {
        }
 }

---

关于 Storyboard 的文章

• Storyboard References 学习
• iOS 9: Day by Day 第三天 Storyboard引用
• iOS9 Day-by-Day :: Day 3 :: Storyboard References
• iOS 9 Storyboard 教程(一上)

• 轻松搞定一人一个storyboard开发

• 一篇较为详细的 Storyboard使用方法 总结

---

拆分storyBoard

1. 选中你要拆分的模块
2. Editor -> Refactor to StoryBoard [这个时候 会以你选中的内容去新建一个storyBoard文件]

引入其他storyBoard

• 给需要的storyBoard 添加引用其他storyBoard 信息

1. 拖入控件 StoryBoard Refefrence , 选中它, 在 Attribute inspector 中 填入
   • StoryBoard 你要引用的storyBoard 名字
   • Reference ID 你要引用的storyBoard 中哪一个控制器(记得在该控制器中 storyBoard ID 设置一样的标识符)
2. 连线 拖入的 StoryBoard Reference 控件

---

• storyboard 中手动跳转
  选中originViewController 右键连线到 destinationViewVOntoller 选中弹出菜单中的push\modal 或者别的.

storyBoard 中 界面跳转自定义模式.

基于Storyboard的创建多分支NavigationController的方法

1. 创建继承 UIStoryboardSegue 的文件 比如: MyShowSegue:UIStoryboardSegue
2. 在 文件 MyShowSegue 中重写方法perform 在这个方法中自定义一些东西
3. 当你在StoryBoard 中连线的时候, 除了弹出 菜单 show push modal 外 还有我们刚刚创建的这中类型 My Show