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"];