美文网首页与时俱进的IT
UI(四十二)故事版

UI(四十二)故事版

作者: 社会主义顶梁鹿 | 来源:发表于2018-07-30 18:08 被阅读0次

链接】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 弹出列表)

相关文章

网友评论

    本文标题:UI(四十二)故事版

    本文链接:https://www.haomeiwen.com/subject/hstqvftx.html