速学 storyBoard

一、storyBoard的介绍

storyBoard又叫故事版 

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

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

1、搭建UI框架

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

2、如果删除系统的故事版需要target -> general -> main interface ->修改为自己创建的故事版的名字

3、设置SizeCass：

（1）compact

（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

2、怎样链接自己创建的故事版

1、工具栏->报纸图标

(1)  class:这个类是哪个

(2) storyBoardID ->查找这个类的标记一般写本类的类名

(3) user storyBoardID ->勾选上故事版的标记才会有效

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

2.工具栏->钢笔头

(1)  is initial View Controller:设置初始页面的箭头（只能有一个）如果有使用故事版就不能使用代码创建窗口（只能有主窗口）

(2) title：文件列表的标题的名字

3. 工具栏最后一个选项:表示这个类和其他类关系的->(分栏控制器viewController)（导航栏rootViewController）->关联其他控制器->点击拖住按钮到希望链接的控制器上，如果挂代理，点击代理的按钮拖到指定控制器，也可以右键选择delegate

3、如果跟着一步一步的做 现在应该会出现分栏控制器，现在可以添加自己想要的视图控制器，下面以UIViewController视图控制器为例：

 1、查找到视图控制器，按照2.3的步骤 添加到控制器上（里面全是我们会用到的控件，根据要求选择）

2、直接把控件拖到视图上，点击选中控件。参照2的介绍，自己可以看看里面的选项，聪明的你一看估计就明白了，里面包含了控件的所有属性和方法 ，点击选择设置。

4、如何添加响应事件？（下面以UITextField为例）

故事版上面的控件添加触发方法和代码进行关联点击故事版->点击双环，把故事版上需要关联的控件右键拖到代码的.h文件（声明了，其他文件也可使用）如果是添加方法选择（action）如果是只关联（outlets）

按照上面的步骤，就会在.h文件生成一个属性，也可以拖到.m文件，只是在.h文件里就代表声明了，在其他文件里可以用。

5、添加约束

在storyBoard 页面的右下角有四个选项，就是给控件添加约束，可以设置宽、高，上下距离。

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

相对位置：控件之间的关系

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

红色：约束不合理把红色不合理的部分去掉

黄色：实际位置与约束位置不匹配点击黄色按钮，修复位置

主要是storyBoard太繁琐，如果没人带着教的话，自己真的是有点难理解，我已经尽量写的详细了，如果还有什么不懂，就留言给我，大家共同学习··············