StoryBoard 简单使用

StoryBoard简单使用

    故事版(storyboard)是一种简洁的图形界面,程序员可以采取拖的形式搭建一个界面,现在使用的xcode默认都会创建一个main.storyboard,作为app的入口。

1、修改rootVC,默认的rootVC是系统帮我们创建的ViewController,我们可以通过eidtor—embed in来修改rootVC:

2、拖拽控件,并设置出口

控件分为很多种,一是只显示的,我们可以从右下角菜单直接拖到故事版,然后在右侧菜单设置一些属性即可

 

二是拖到界面后,我们需要在代码中对其进行修改,那么我么就需要设置其出口:首先点击右上角,将xcode一分为二,然后右侧文件改为此storyboard对应的.h文件:然后在左侧故事板中选中控件,按住control,同时用鼠标点中控件,不要松开,往右侧的.h文件中拖,会出现一个蓝线,记住,蓝线终点位置要在@@interface下,@end上:松开手指和鼠标,会弹出一个视图connection代表出口,name则是控件名称。

如果是button之类的控件,重复上面的操作,在弹出框中修改connection为action:

,name表示要生成的方法名

3、       添加一个故事版,在实际应用过程中,我们会需要不止一个界面,我们需要添加新的,那么我们只需要在main.storyboard的窗口中拖进去一个View controller即可:

,视图上方有三个选项,第一个代表要绑定的Viewcontroller文件:

 

4、       界面跳转(segue),页面跳转有两种方式,第一种就是通过控件直接拖拽,选中控件,按住control+鼠标左键,拖进要跳转到的界面,松开会弹出跳转方式,选择一种即可

第二种是利用ViewController与ViewController之间,拖拽添加segue,并给segue添加identifier。这种方法就需要在相应需要跳转的方法内写入代码,手动去设置它的跳转。

- (IBAction)buttonClicked:(id)sender {

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

}

跳转的方式我们可以自行设置:

 

5、界面传值,A跳转到B,并且需要传值,那么我们需要在A中添加一个方法prepareForSegue:

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

    ViewController1 *vc = segue.destinationViewController;//获取segue对应的VC

vc.str = @"345";

 

//KVC

//    if ([vc respondsToSelector:@selector(setStr:)]) {

//        [vc setValue:@"123" forKey:@"str"];

//    }

}

6、       创建独立的SB

选择new file,选择ios-àuser interface-àStoryboard-ànext,取个名字即可

然后选中创建好的.storyboard文件,拖进去一个Viewcontroller

然后选中其上方三个视图的第一个,设置其对应的class

7、       要使用上步创建的故事版,需要先根据故事板名字拿到其对象:

UIStoryboard *story = [UIStoryboard storyboardWithName:@"Storyboard3"//故事板名字不要后缀 bundle:[NSBundle mainBundle]];

然后通过故事版生成vc对象(需要使用故事版的identifier)

ViewController3 *vc = [story instantiateViewControllerWithIdentifier:@"controller3"];

原文地址:https://www.cnblogs.com/wxzboke/p/5136922.html