StoryBoard热门视频教程
    微信互动
    一弧

    翼狐网(yiihuu.com)旗下新媒体平台,为设计师定制的《生活周刊》!

    微信号:yihuwang2012

    一键加入QQ群,找组织!问题or需求轻松解决!

    • 高端写实CG技术交流: 710818989 高端写实CG技术交流
    • 翼狐影视后期交流群: 459616562 翼狐影视后期交流群
    • 翼狐影视动画学习群: 102835171 翼狐影视动画学习群
    • 翼狐游戏制作交流群: 285280704 翼狐游戏制作交流群
    • 平面设计PS AI ID学习: 43745569 平面设计PS AI ID学习1群
    • 翼狐插画&漫画&手绘群: 90826203 翼狐插画&漫画&手绘群
    • 翼狐三维设计学习交流: 589292014 翼狐三维设计学习交流

    storyboard教程:storyboard使用介绍

    111人浏览 0人收藏 2017-08-02 StoryBoard   Storyboard教程   Storyboard技巧  

    摘要:Storyboard是你可以用来定义用户界面的一种新的方式,像xib。下面是小编整理的关于storyboard使用介绍的教程。

    storyboard是你可以用来定义用户界面的一种新的方式,像xib。下面是小编整理的关于storyboard使用介绍的教程,希望对你们有帮助!

    storyboard使用介绍

    一、 scene之间的数据传递

    当你从当前 scene中触发一个segue的时候,系统会自动调用prepareforsegue:sender:这个方法。如果你想从一个界面切换到里另一个界面的时候传递数据,你应该override这个方法。

    storyboard教程:storyboard使用介绍

    二、viewcontroller之间的跳转

    如果在 storyboard中当前的 viewcontroller和要跳转的viewcontroller之间的segue存在,则可以执行performseguewithidentifier:sender:这个方法实现跳转。

    如果目标viewcontroller存在storyboard中,但是没有segue。你可以通过uistoryboard的instantiateviewcontrollerwithidentifier:这个方法获取到它,然后再用你想要的方式实现跳转,如:压栈。

    如果目标viewcontroller不存在,那就去创建它吧。

    三、获取storyboard和初始化storyboard中某个viewcontroller

    storyboard教程:storyboard使用介绍

    storyboard使用示例

    新建一个工程,选择single view application模板。

    storyboard教程:storyboard使用介绍

    选择使用storyboard。

    storyboard教程:storyboard使用介绍

    程序会自动创建5个重要的文件:appdelegate.h和appdelegate.m,viewcontroller.h和viewcontroller.m以及mainstoryboard.storyboard。文件列表如图所示。

    storyboard教程:storyboard使用介绍

    点击打开storyboard文件,初始状态如下图所示,左侧的箭头,你可以认为是程序加载界面的入口。这个箭头可以拖拽到别的uiviewcontroller,或者uinavigationcontroller上面,那样的话,就相当于改变了程序的首页面。

    storyboard教程:storyboard使用介绍

    在storyboard文件里面,进行编辑,使得文件如下图所示。这里我让一个uinavigationcontroller变成了整个工程界面的入口。

    storyboard教程:storyboard使用介绍

    如上图所示,蓝色框标注了整个工程的入口界面。红色的viewcontroller是那个入口uinavigationcontroller的根controller。红色的这个,其实跟整个工程一开始默认创建的viewcontroller类没有必然的联系。紫色框是一个我新建的uiviewcontroller子类,叫做sbsecondviewcontroller。在创建这个类的时候,我勾选了同时创建xib文件。但是我发现,在这个xib文件里面添加一个控件比如uilabel后,运行时候看不到这个新添加的子控件。只有在storyboard文件里面进行编辑,添加按钮、标签等子控件才能看到。

    storyboard教程:storyboard使用介绍

    绿色框标注的,是我直接在storyboard里面拖拽的,在文件列表里面没有类对应这个绿色的viewcontroller。但是在运行的时候,还是可以看到这个绿色的界面。补充几点:当你在创建工程的时候,选择使用storyboard,工程里面默认创建的代码会与一般的代码有些不同。比如didfinishlaunchingwithoptions函数体,直接返回一个yes,里面并没有设置任何viewcontroller,没有任何初始界面设置。

    storyboard教程:storyboard使用介绍

    还有main函数的区别,如下图:

    storyboard教程:storyboard使用介绍

    在plist文件中,注意红色区域中的一项。

    storyboard教程:storyboard使用介绍

    点击工程名,选择targets-->summery,会看到如下图所示。

    storyboard教程:storyboard使用介绍

    注意选择storyboard后,你设置的程序界面入口,也就是上文蓝色框标注的部分。那个箭头指向哪个viewcontroller,那个viewcontroller的属性is initial view controller就被勾选了。如下图所示。

    storyboard教程:storyboard使用介绍


    看了小编整理的关于storyboard使用介绍的教程,是不是觉得很有用呢?喜欢的话,赶快分享哦!

    上一篇:没有了 下一篇:storyboard和xib的区别
    StoryBoard入门到精通视频教程精选
    最多浏览的StoryBoard教程
    设计教程