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
- embed 嵌入
把一个普通试图控制器(viewController)嵌入一个 导航控制器(navigationController)
除了使用拖入导航控制器之外,还可以使用xcode 的菜单栏的按钮来操作
如下: Editor -> Embed in -> Navigation Controller
-
关于 storyboard tableviewcell 创建.
- Prototype cell 类型
可以配置下面的属性- Style
- Identifiler
- Accessory
- RowHeight
然后直接在代码中使用这个cell
Prototype cell 必须在 .swift 文件中实现 tableview的 DataSource 代理方法 - Prototype cell 类型
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 最下面的面板, 可以给不同大小的设备定制不同的约束.
- 选择设备
- 选择方向
- 选中按钮 [Vary for Traits]
- 添加约束, 该约束只在此特定设备上起作用.[这里是抽象的设备 为 Size Class]
- 重复上面的步骤 给其他设备添加约束
不同设备的界面布局不同如何设置
- 针对不同的设备添加不同的约束[适用于 iPad 和 iPhone 完全是两套布局时的情况]
使用
Vary for Traits
- 不区分设备先给最常用的布局添加约束, 再针对每个特定的约束 添加设备条件 [适合于所有设备都是同一个布局模式,每种设备大体布局不变,只有少数几个约束会发生细微变化的情况]
不使用
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
- 选中你要拆分的模块
- Editor -> Refactor to StoryBoard [这个时候 会以你选中的内容去新建一个storyBoard文件]
引入其他storyBoard
- 给需要的storyBoard 添加引用其他storyBoard 信息
- 拖入控件 StoryBoard Refefrence , 选中它, 在 Attribute inspector 中 填入
- StoryBoard 你要引用的storyBoard 名字
- Reference ID 你要引用的storyBoard 中哪一个控制器(记得在该控制器中 storyBoard ID 设置一样的标识符)
- 连线 拖入的 StoryBoard Reference 控件
- storyboard 中手动跳转
选中originViewController 右键连线到 destinationViewVOntoller 选中弹出菜单中的push\modal 或者别的.
storyBoard 中 界面跳转自定义模式.
基于Storyboard的创建多分支NavigationController的方法
- 创建继承 UIStoryboardSegue 的文件 比如: MyShowSegue:UIStoryboardSegue
- 在 文件 MyShowSegue 中重写方法
perform在这个方法中自定义一些东西 - 当你在StoryBoard 中连线的时候, 除了弹出 菜单 show push modal 外 还有我们刚刚创建的这中类型 My Show
