美文网首页
速学 storyBoard

速学 storyBoard

作者: 12d049d93c23 | 来源:发表于2016-03-25 20:33 被阅读14次

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

    相关文章

      网友评论

          本文标题:速学 storyBoard

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