基于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已经被修改，关联成功