Swift 4中如何在ContainerView中嵌套展示后续视图？

当然可行！ContainerView本质就是为嵌入和管理子视图控制器设计的容器组件，完美适配你这种左侧菜单、右侧动态切换内容的场景。下面给你一步步拆解实现方法，还有实用的代码示例：

一、先做好基础布局 #

• 在主界面的Storyboard里完成布局：左侧放置菜单区域（可以用UITableView做列表菜单，也可以用一组自定义按钮），右侧添加一个ContainerView，设置约束让它占满右侧的全部空间。此时ContainerView会自动绑定一个默认的子视图控制器，你可以把这个默认VC删掉，或者留作打开App时默认显示的初始视图。

二、核心的视图切换逻辑 #

要实现右侧内容的切换，本质就是替换ContainerView里的子视图控制器，具体步骤如下：

1. 在主视图控制器中定义一个属性，用来记录当前显示的子VC：

   private var currentChildViewController: UIViewController?
   

2. 封装一个通用的切换子VC的方法，方便重复调用：

   private func switchToTargetChildVC(_ targetVC: UIViewController) {
       // 先移除当前正在显示的子VC
       currentChildViewController?.willMove(toParent: nil)
       currentChildViewController?.view.removeFromSuperview()
       currentChildViewController?.removeFromParent()
       
       // 添加新的目标子VC
       addChild(targetVC)
       // 如果用AutoLayout，记得把下面这行打开，然后添加约束
       // targetVC.view.translatesAutoresizingMaskIntoConstraints = false
       targetVC.view.frame = containerView.bounds
       containerView.addSubview(targetVC.view)
       // 如果用AutoLayout，这里添加leading、trailing、top、bottom和containerView的约束
       targetVC.didMove(toParent: self)
       
       // 更新当前子VC的记录
       currentChildViewController = targetVC
   }
   

3. 给左侧菜单的交互元素（按钮/列表单元格）添加点击事件，触发视图切换：
   比如点击菜单里的「首页」按钮时：

   @IBAction func homeMenuTapped(_ sender: UIButton) {
       guard let homeVC = storyboard?.instantiateViewController(withIdentifier: "HomeViewController") as? HomeViewController else { return }
       switchToTargetChildVC(homeVC)
   }
   

三、关键注意事项 #

• 记得给每个需要切换的子视图控制器在Storyboard里设置好Storyboard ID，这样才能通过instantiateViewController获取到对应的VC实例。
• 如果使用AutoLayout管理布局，添加子VC的view时一定要禁用translatesAutoresizingMaskIntoConstraints，然后手动添加和ContainerView绑定的四边约束，避免出现布局错乱的问题。
• 可以在主VC的viewDidLoad方法里调用一次switchToTargetChildVC，设置App启动后默认显示的视图。

四、典型场景示例 #

假设你有三个子VC：首页（HomeVC）、个人中心（ProfileVC）、设置（SettingsVC），分别对应左侧菜单的三个选项。只需要给每个菜单选项绑定对应的点击事件，在事件里实例化对应的子VC，调用封装好的切换方法，就能实现右侧内容的无缝切换，完全匹配你需求里的效果。

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