• StoryBoard


    故事版

      优势:快速开发,项目结构清晰、便于新人接收项目
      缺点:不利于团队开发 文件冲突
       搭建UI框架
        1、故事版中第一个页面的箭头:指向谁,就表示谁是初始页面->即指向谁谁就是RootViewController 
     
     
     
    1、移除系统提供的故事版
    2、如果删除系统的故事版,需要把target ->general->main interface:->修改成自己创建的故事版名字
     
    2、连接自己创建的故事版
     (1)工具栏->“小报纸”图标->class:这个类 是哪个
     (2)stroyBoardID ->查找这个类的标记->一般写本类的类名
     (3)use storyboard ID ->勾选上故事版的标记才会有效
     (4)工具栏 ->钢笔头 ->is initial view controller:设置初始页面箭头(箭头指向谁谁就是初始页面,且初始页面有且仅有一个)
     (5)title:文件列表  标题的名字
     (6)工具栏最后一个选项,表示这个类和其他类关系的 ->(分栏控制器ViewController)(导航栏 rootViewController)->关联其他控制 -.点击拖住按钮到希望连接的控制器上。  如果挂代理 点击代理的按钮控制器 
      (7)代码创建的类 和 故事版中的类进行关联 ->菜单栏->报纸->class:设置成代码的类名
       (8)故事版上面的控件 添加触发方法 和 与代码进行关联
     点击故事版 -> 点击双环把故事版上需要关联的控件 右键(别松手)拖到代码的.h文件,如果是添加方法选择(action)如果是只关联(Outlets)
     
    frame:原点 尺寸 ->决定视图的位置
    相对位置:控件之间的关系
     
    添加完约束之后会有红色或者黄色的警告:
     红色警告:约束不合理,把红色不合理部分去掉
     黄色警告:实际位置与约束位置不匹配,点击黄色按钮->修复位置
     
    3、设置sizeClass
       (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 
  • 相关阅读:
    Sublime Text3 支持Less
    Typescript + React-Router + Webpack 实现按需打包/加载
    从零开始配置TypeScript + React + React-Router + Redux + Webpack开发环境
    JavaScript中的一些小细节
    微信小程序(safair浏览器)flex布局中的坑
    使用YQL解决让前端爬取网页并解析
    react diff算法剖析总结
    微信小程序IOS系统中,倒计时(setInterval函数)失效的问题
    微信小程序中未解决的坑
    利用nodejs监控文件变化并使用sftp上传到服务器
  • 原文地址:https://www.cnblogs.com/liuzhi20101016/p/5320951.html
Copyright © 2020-2023  润新知