絕大部分軟體都採用了UITabBarController+UINavigationController的設計方式,也是一種很主流很經典的設計方式. 來聊聊他不同的實現方式

方式一:TabBarController的viewControllers + 一個NavigationController

建立過程大概如下(關鍵程式碼):

AppDelegate.m

TabBarController *tabVC = [[TabBarController alloc]init];
//全域性就這一個導航控制器
UINavigationController *nav =[[UINavigationController
 
 alloc] initWithRootViewController:tabVC];
self.window.rootViewController = nav;

TabBarController.m

- (void)viewDidLoad {
    [super viewDidLoad];
    [self addChildVc:[[ChatViewController alloc] init] title:@"Chat" image:@"tabbar_home" selectedImage:@"tabbar_home_selected"];
    [self addChildVc:[[ContactsListViewController alloc] init] title:@"Contact"
 
 image:@"tabbar_contacts" selectedImage:@"tabbar_contacts_selected"];
    [self addChildVc:[[MoreViewController alloc] init] title:@"More" image:@"tabbar_more" selectedImage:@"tabbar_more_selected"];
    [self addChildVc:[[ProfileViewController alloc] init] title:@"Profile" image:@"tabbar_profile" selectedImage:@"tabbar_profile_selected"
 
];
}

- (void)addChildVc:(UIViewController *)childVc title:(NSString *)title image:(NSString *)image selectedImage:(NSString *)selectedImage
{
    childVc.title = title;
    childVc.tabBarItem.image = [UIImage imageNamed:image];
    childVc.tabBarItem.selectedImage = [[UIImage imageNamed:selectedImage] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    [self addChildViewController:childVc];
}

方式二:TabBarController的viewControllers + 多個NavigationController

建立過程大概如下(關鍵程式碼):

AppDelegate.m

TabBarController *tabVC = [[TabBarController alloc]init];
self.window.rootViewController = tabVC;

TabBarController.m

- (void)viewDidLoad {
    [super viewDidLoad];
    [self addChildVc:[[ChatViewController alloc] init] title:@"Chat" image:@"tabbar_home" selectedImage:@"tabbar_home_selected"];
    [self addChildVc:[[ContactsListViewController alloc] init] title:@"Contact" image:@"tabbar_contacts" selectedImage:@"tabbar_contacts_selected"];
    [self addChildVc:[[MoreViewController alloc] init] title:@"More" image:@"tabbar_more" selectedImage:@"tabbar_more_selected"];
    [self addChildVc:[[ProfileViewController alloc] init] title:@"Profile" image:@"tabbar_profile" selectedImage:@"tabbar_profile_selected"];
}

- (void)addChildVc:(UIViewController *)childVc title:(NSString *)title image:(NSString *)image selectedImage:(NSString *)selectedImage
{
    childVc.title = title;
    childVc.tabBarItem.image = [UIImage imageNamed:image];
    childVc.tabBarItem.selectedImage = [[UIImage imageNamed:selectedImage] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    // 每一個控制器都是導航控制器
    UINavigationViewController *navigationVc = [[UINavigationViewController alloc] initWithRootViewController:childVc];
    [self addChildViewController:navigationVc];
}

對比分析

第一種方式:

導航控制器上的title不能和tabbar上面的同步,需要手動單獨設定,比如可以在控制器的viewWillAppear:方法裡面設定.

navigationItem的左右按鈕和顏色可能各不相相同,也需要在viewWillAppear:裡切換設定.可能後續的介面跳轉也需要在此方法裡面設定.

第二種方式:

tabbar上的標題預設會直接同步到導航控制器上.

每個介面都有自己的導航控制器, 介面跳轉都有自己的棧, 可能會更加靈活.