具有嵌入式视图控制器自调整大小的UITableView单元格？

嵌入式视图控制器自调整大小的UITableView单元格

基础概念

在iOS开发中，UITableView是一种常用的界面组件，用于展示数据列表。每个列表项称为一个单元格（UITableViewCell）。嵌入式视图控制器自调整大小的单元格是指在一个单元格中嵌入另一个视图控制器，并且该单元格能够根据嵌入视图控制器的内容自动调整大小。

类型

静态嵌套：在Storyboard中直接嵌套视图控制器。
动态嵌套：通过代码动态创建并嵌入视图控制器。

应用场景

复杂列表项：当列表项需要展示复杂的内容，如图片、视频、文本等组合时。
动态内容：当列表项的内容是动态生成的，需要根据数据调整单元格大小时。

实现方法

以下是一个简单的示例代码，展示如何在UITableView中嵌入一个视图控制器，并使其自调整大小。

import UIKit

class ParentViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    @IBOutlet weak var tableView: UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.dataSource = self
        tableView.delegate = self
        tableView.register(UINib(nibName: "CustomTableViewCell", bundle: nil), forCellReuseIdentifier: "CustomCell")
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 10 // 示例数据
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "CustomCell", for: indexPath) as! CustomTableViewCell
        cell.embeddedViewController = EmbeddedViewController()
        return cell
    }
    
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        // 计算并返回动态高度
        return UITableView.automaticDimension
    }
}

class CustomTableViewCell: UITableViewCell {
    
    var embeddedViewController: UIViewController?
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupEmbeddedViewController()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private func setupEmbeddedViewController() {
        guard let embeddedViewController = embeddedViewController else { return }
        contentView.addSubview(embeddedViewController.view)
        embeddedViewController.didMove(toParent: self)
        
        // 设置约束
        embeddedViewController.view.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            embeddedViewController.view.topAnchor.constraint(equalTo: contentView.topAnchor),
            embeddedViewController.view.bottomAnchor.constraint(equalTo: contentView.bottomAnchor),
            embeddedViewController.view.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
            embeddedViewController.view.trailingAnchor.constraint(equalTo: contentView.trailingAnchor)
        ])
    }
}

class EmbeddedViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .lightGray
        // 添加一些示例内容
        let label = UILabel()
        label.text = "This is an embedded view controller"
        label.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(label)
        
        NSLayoutConstraint.activate([
            label.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            label.centerYAnchor.constraint(equalTo: view.centerYAnchor)
        ])
    }
}