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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,107评论 3 119
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,836评论 4 61
  • 文/胜蓝 今天听到张智成的《诗人》,那一句“爱你让我变成诗人”,突然怀念起十七八岁的时候,喜欢一个人,就偷偷在那人...
    胜蓝阅读 5,321评论 0 14
  • 今天和画友们去古动物馆速写去了。第一次在那么多人面前画画,真的很锻炼心理素质。整个博物馆里都是些10岁以下的孩子和...
    Kitty北京阅读 1,882评论 0 1

友情链接更多精彩内容