一、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太繁琐,如果没人带着教的话,自己真的是有点难理解,我已经尽量写的详细了,如果还有什么不懂,就留言给我,大家共同学习··············
网友评论