如何在含TabBar的主ViewController中管理Container View控制器

根据你的布局结构，我们可以通过监听TabBar选中事件，动态替换NavigationController的根控制器来实现切换效果，同时兼顾后续侧滑菜单的扩展需求。下面分步骤给出具体实现方案：

一、核心思路 #

1. 在主ViewController中持有4个目标ViewController的实例（懒加载避免重复创建，保留页面状态）；
2. 为TabBar设置代理，监听选中事件；
3. 根据选中的TabBarItem，切换NavigationController的根控制器，并添加过渡动画；
4. 封装切换逻辑，方便后续侧滑菜单复用。

二、Swift代码实现 #

1. 主ViewController代码 #

import UIKit

class MainViewController: UIViewController, UITabBarDelegate {
    // 连接Storyboard中的Container内嵌NavigationController
    @IBOutlet weak var containerNavController: UINavigationController!
    
    // 懒加载4个目标VC实例，确保只创建一次
    private lazy var firstVC: FirstViewController = {
        return storyboard?.instantiateViewController(withIdentifier: "FirstVC") as! FirstViewController
    }()
    
    private lazy var secondVC: SecondViewController = {
        return storyboard?.instantiateViewController(withIdentifier: "SecondVC") as! SecondViewController
    }()
    
    private lazy var thirdVC: ThirdViewController = {
        return storyboard?.instantiateViewController(withIdentifier: "ThirdVC") as! ThirdViewController
    }()
    
    private lazy var fourthVC: FourthViewController = {
        return storyboard?.instantiateViewController(withIdentifier: "FourthVC") as! FourthViewController
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 设置TabBar代理为当前VC
        tabBar.delegate = self
        // 初始显示第一个VC（与Storyboard配置保持一致）
        containerNavController.viewControllers = [firstVC]
    }
    
    // TabBar选中事件回调
    func tabBar(_ tabBar: UITabBar, didSelect item: UITabBarItem) {
        guard let index = tabBar.items?.firstIndex(of: item) else { return }
        
        let targetVC: UIViewController
        switch index {
        case 0: targetVC = firstVC
        case 1: targetVC = secondVC
        case 2: targetVC = thirdVC
        case 3: targetVC = fourthVC
        default: targetVC = firstVC
        }
        
        // 调用封装的切换方法
        switchToTargetViewController(targetVC)
    }
    
    // 封装切换逻辑，方便后续侧滑菜单调用
    private func switchToTargetViewController(_ vc: UIViewController) {
        // 添加过渡动画（可根据需求修改类型：fade/push/moveIn等）
        let transition = CATransition()
        transition.duration = 0.3
        transition.type = .fade
        containerNavController.view.layer.add(transition, forKey: kCATransition)
        
        // 重置导航栈为目标VC，避免返回按钮残留历史页面
        containerNavController.setViewControllers([vc], animated: false)
    }
}

2. Storyboard配置要点 #

• 给4个目标ViewController分别设置Storyboard ID（如FirstVC、SecondVC），需与代码中的标识符一致；
• 确保Container View的Segue连接到NavigationController，且该NavigationController的根控制器设置为第一个目标VC；
• 主ViewController的底部UITabBar添加4个TabBarItem，保持索引顺序与代码中的switch分支对应；
• 将主ViewController的Class设置为MainViewController。

三、Objective-C代码实现（可选） #

#import "MainViewController.h"
#import "FirstViewController.h"
#import "SecondViewController.h"
#import "ThirdViewController.h"
#import "FourthViewController.h"

@interface MainViewController () <UITabBarDelegate>
@property (weak, nonatomic) IBOutlet UINavigationController *containerNavController;

@property (strong, nonatomic) FirstViewController *firstVC;
@property (strong, nonatomic) SecondViewController *secondVC;
@property (strong, nonatomic) ThirdViewController *thirdVC;
@property (strong, nonatomic) FourthViewController *fourthVC;
@end

@implementation MainViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.tabBar.delegate = self;
    self.containerNavController.viewControllers = @[self.firstVC];
}

// 懒加载VC实例
- (FirstViewController *)firstVC {
    if (!_firstVC) {
        _firstVC = [self.storyboard instantiateViewControllerWithIdentifier:@"FirstVC"];
    }
    return _firstVC;
}

- (SecondViewController *)secondVC {
    if (!_secondVC) {
        _secondVC = [self.storyboard instantiateViewControllerWithIdentifier:@"SecondVC"];
    }
    return _secondVC;
}

- (ThirdViewController *)thirdVC {
    if (!_thirdVC) {
        _thirdVC = [self.storyboard instantiateViewControllerWithIdentifier:@"ThirdVC"];
    }
    return _thirdVC;
}

- (FourthViewController *)fourthVC {
    if (!_fourthVC) {
        _fourthVC = [self.storyboard instantiateViewControllerWithIdentifier:@"FourthVC"];
    }
    return _fourthVC;
}

// TabBar选中事件
- (void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item {
    NSInteger index = [tabBar.items indexOfObject:item];
    UIViewController *targetVC;
    
    switch (index) {
        case 0: targetVC = self.firstVC; break;
        case 1: targetVC = self.secondVC; break;
        case 2: targetVC = self.thirdVC; break;
        case 3: targetVC = self.fourthVC; break;
        default: targetVC = self.firstVC; break;
    }
    
    [self switchToTargetViewController:targetVC];
}

// 封装切换逻辑
- (void)switchToTargetViewController:(UIViewController *)vc {
    CATransition *transition = [CATransition animation];
    transition.duration = 0.3;
    transition.type = kCATransitionFade;
    [self.containerNavController.view.layer addAnimation:transition forKey:kCATransition];
    
    [self.containerNavController setViewControllers:@[vc] animated:NO];
}

@end

四、后续侧滑菜单扩展 #

当需要添加侧滑菜单时，只需在菜单的点击事件中调用switchToTargetViewController(_:)方法，传入对应的ViewController实例即可，无需修改TabBar的切换逻辑，完美复用现有代码。

内容的提问来源于stack exchange，提问作者user9413278