基于Storyboard的 UITabbarController与UINavgationController 实现下导航切换

一、     新建一个空的Application

 


 


 

 

二、新建storyboard

 






将新建的MainStoryboard 设置为主storyboard

 


- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
// Override point for customization after application launch.
self.window.backgroundColor = [UIColor whiteColor];

UIStoryboard *storyboard=[UIStoryboard storyboardWithName:@"MainStoryBoard" bundle:nil];
self.window.rootViewController=[storyboard instantiateInitialViewController];

[self.window makeKeyAndVisible];
return YES;
}


 

 

三、

1、拖拽UITabbarController到mainstoryboard

 




拖拽UITabbarController 到storyboard之后会默认生成两个UIViewController,我们这里不需要，将两个默认的ViewController删除

 


 

2、拖拽UINavgationController到storyboard  (默认会自带一个UITableviewController作为rootViewController，如果rootview不是tableview可以删除后自定义viewcontroller，这里的rootview是以UIViewcontroller为例，故删除)

 





 

 

 

3、现在storyboard 上只剩下一个UITabbarController和一个UINavgationController。按住ctrl ，从UITabbarController连线至UINavgationController  ，松开鼠标将会出现选择对话框，选择ViewController

 





 

4、连线成功后UITabbarcontroller上新增一个item



5、拖拽UIViewController 至storyboard，并与UINavgationController连线，设置为rootview；

 




 

 

 

 

6、重复2、3、4、5生成多个UINavgationController并关联root view

 

 


7、 设置root view 的title 方便查看效果

 



8、运行效果如图

 





四、将root view与代码关联

1、新建文件夹，并新建文件



 

2、将代码与storyboard关联，选中需要关联的viewcontroller，设置customclass

 




 

3、测试 在代码中设置 title 后运行， title已经被修改，关联成功