Swift开发：如何通过单个ViewController同时展示TableView与媒体控制视图？

针对你复刻Apple Music界面（歌曲列表+AV控制同屏）的需求，结合你已有的代码基础，推荐两种简单可配置的方案，按需选择：

方案一：用Container View整合独立ViewController #

这是最适配你现有代码的方案——你已经分别实现了播放器VC和列表VC，用Container View可以快速将两者整合到同一个父VC中，无需大幅重构：

• 步骤1：创建一个父ViewController（比如MainMusicViewController）作为容器
• 步骤2：在父VC的Storyboard/XIB中添加两个Container View：
  • 一个占据屏幕大部分区域（上半部分），关联你的歌曲列表TableView VC
  • 另一个固定在屏幕底部（高度设为80pt左右），关联你的AV控制VC
• 步骤3：配置布局约束：
  • 列表Container View：顶部、左右边缘贴父VC安全区，底部贴播放器Container View的顶部
  • 播放器Container View：底部、左右边缘贴父VC安全区，高度固定（或根据设备动态调整）
• 优势：保留两个VC的独立逻辑，后续修改播放器或列表功能互不影响，适配iPhone/iPad都方便

方案二：单一ViewController嵌套组件 #

如果列表和播放器逻辑关联紧密（比如选歌直接控制播放），可以把两者放在同一个VC中，减少跨VC通信的复杂度：

• 步骤1：在VC中添加UITableView，设置约束让它占满除底部播放器区域外的所有空间
• 步骤2：封装一个自定义PlayerControlView（UIView子类），把AV控制按钮、进度条、歌曲信息等UI和逻辑都放进这个View里
• 步骤3：将PlayerControlView添加到VC底部，设置固定高度和左右底部约束
• 步骤4：TableView选中歌曲时，直接调用PlayerControlView的播放/切换方法，无需代理或通知
• 优势：逻辑集中，适合简单场景，减少VC间依赖

关于Split View/Stack View瓶颈的补充 #

你之前尝试的Split View更适合iPad的分屏场景，iPhone上用会导致布局挤压；垂直Stack View会让播放器随列表滚动被顶上去，不符合Apple Music底部固定播放器的逻辑。上面两种方案更贴合需求：

• 若做iPad适配，方案一的Container View也可结合Split View，但Apple Music iPad版也是底部固定播放器，所以Container更合适
• 跨VC状态同步（方案一）：用闭包或NotificationCenter即可，比如列表VC选中歌曲后，通过闭包通知父VC，再传递给播放器VC

关键代码示例 #

方案一：父VC纯代码布局 #

class MainMusicViewController: UIViewController {
    private let listVC = YourSongListVC()
    private let playerVC = YourPlayerVC()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupChildVCs()
    }
    
    private func setupChildVCs() {
        // 添加列表VC
        addChild(listVC)
        view.addSubview(listVC.view)
        listVC.didMove(toParent: self)
        
        // 添加播放器VC
        addChild(playerVC)
        view.addSubview(playerVC.view)
        playerVC.didMove(toParent: self)
        
        // 设置约束
        listVC.view.translatesAutoresizingMaskIntoConstraints = false
        playerVC.view.translatesAutoresizingMaskIntoConstraints = false
        
        NSLayoutConstraint.activate([
            listVC.view.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
            listVC.view.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            listVC.view.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            listVC.view.bottomAnchor.constraint(equalTo: playerVC.view.topAnchor),
            
            playerVC.view.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            playerVC.view.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            playerVC.view.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
            playerVC.view.heightAnchor.constraint(equalToConstant: 80)
        ])
    }
}

方案二：列表选中调用播放器示例 #

class YourSongListVC: UIViewController, UITableViewDelegate {
    @IBOutlet weak var playerView: PlayerControlView!
    private let songs: [Song] = [] // 你的歌曲数据
    
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        let selectedSong = songs[indexPath.row]
        playerView.playSong(selectedSong)
    }
}

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