您的位置:首页 > 其它

storyBoard的基本用法

2016-03-22 23:52 330 查看
今晚来介绍一下故事版storyboard的用法,没demo

首先我们先回顾一下xib的使用

1.xib使用回顾

(1)创建一个xib

(2)关联xib和界面的关系

(3)把xib的界面控件与相关的.h和.m文件关联

(4)操作界面

storyBoard知识点

2.storyboard是一个xib的集合。能够在storyboard中完整展示整个项目的所有界面

故事版(Storyboard)是一个能够节省你很多设计手机App界面时间的新特性。

(1)使用方便,快捷

(2)界面视图话,容易找到界面的关联关系

使用前注意事项:

storyboard操作:(1)连线使用 control + 左点击键(或者使用鼠标右键拖动)

  (2)VC间的连线,需要在zoom为25%进行

  (3)UI控件的拖拽,则需要在zoom为100%进行

  (4)zoom设置方法,右键点击storyboard的空白处,可以选择

3.使用storyboard

(1)创建一个带storyboard的工程

(2)把use Auto Layout去掉

(3)重要的属性介绍(is Intitial view Control),是否为rootviewController

(4)控件可从控件的库中,直接拖拽到界面(storyBoard中)

(5)主要使用的控件(UIViewController,UINavigationController,UITabBarController)

(6)一些UI控件也可以直接拖拽到相应的ViewController中

(7)常使用的控件(UIButton,UILabel,UITextField)

(8)层结构的查看和布局

(9)把相应的VC关联到代码中(与xib相似),同时也把VC中的UI也关联到代码里面

4.storyboard中的界面跳转和值传递

(1)需要使用代码和storyBoard连线同时进行

(2)把两个VC通过连线关联起来(连线选择Model相当于present,push就是navigation的push操作)

(3)在关联出设置关联的segueID

(4)代码中通过segueID找到该连接,并实现跳转。调用时跳转

[self
performSegueWithIdentifier:@"talkVC"
sender:self];

(5)值传递也是通过这个segueID找到他的跳转界面,实现正向传值

-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{

    if([segue.identifier
isEqualToString:@"talkVC"]==<
4000
span style="color:#bb2ca2;">YES)

    {

        ChatTableViewController *chatVC = segue.destinationViewController;

        chatVC.model =
self.selectedModel;

    }

}

大家可以试试
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  故事版 Storyboard