UI（四十二）故事版

链接】iOS开发之StoryBoard的使用

http://blog.treney.com/index.php/archives/StoryBoard.html

故事版：

 优势：快速开发、项目结构清晰、便于新人接手项目

 缺点：不利于团队开发 文件易冲突

 1、搭建UI框架

 （1）故事版中第一个页面的箭头指向谁就表示谁是初始页面

 （2）如果删除系统的故事版 需要把Target->general->main interface->修改成自己创建的故事版的名字

 2、连接自己创建的故事版、

 （1）工具栏->报纸图标->class：这个类是哪个

 （2）storyID--->查找这个类的标记

 （3）use storyBoard ID -> 勾选上故事版的标记才会有效

 （4）工具栏 -> 钢笔头 -> is initial view controller：设置初始页面箭头(只能有一个)

 （5）title：文件列表 标题的名字

 （6）工具栏最后一个选项：表示这个类和其他类关系的-> (分栏控制器 viewController)(导航栏rootviewController)->关联其他控制器 -> 点击拖动按钮到希望连接的控制器上

 如果挂代理 点击代理的按钮拖到控制器 也可以右键

 （7）代码创建的类 和故事版中的类 进行关联 ————>菜单栏————>报纸————>class：设置成代码的类名

 （8）故事版上面的控件 添加触发方法和与代码进行关联

 点击故事版->点击双环按钮->把故事版上需要关联的控件

 （9）拖控件

 （10）约束

    frame：原点 尺寸 -> 决定视图的位置

 相对位置：空间之间的关系

 添加完约束之后会有黄色的或者红色的警告的

 红色的警告：约束不合理 把不合理的约束去掉

 黄色的警告：实际位置与约束位置不匹配 点击黄色的按钮->修复位置 

 3、设置sizeClass

 （1）comoact 紧凑

 （2）any 任意

 （3）regular 宽松

 （4）设备区分

 《1》3.5、4、4.7手机横屏：CwCh

 《2》手机横屏：Ch

 《3》5.5手机横屏:RwCh

 《4》手机竖屏：CwRh

 《5》手机竖屏ipad的横竖屏：Rh

 《6》ipad的横竖屏：RwRh

 《7》ipad的横竖屏：Rw

 《8》任意：any

 右键拖拽 按钮 到另一个视图控制器 会弹出：1.show(push)2.present（模态）3.popover(ipad 弹出列表)