Question

我有一个带标题的表视图（1）。我想在该标题内放置另一个表视图（2）。问题在于第二个表视图的单元格是动态的，因此我需要确保第一个表视图的标头也是动态的。

我已经按照本教程进行操作，以使第一个表格视图的标头动态化：

https://useyourloaf.com/blog/variable-height-table-view-header/

但是当我运行模拟器时，表视图标题甚至都没有显示，我认为这与以下事实有关：第二个表视图的单元是动态的，因此没有为第一个表视图的标题分配高度

所以我的问题是，什么原因导致标题不显示？如何解决？

这是我的代码：

class MyViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    @IBOutlet weak var firstTableView: UITableView!
    @IBOutlet weak var headerView: UIView!
    @IBOutlet weak var secondTableView: UITableView!

    override func viewDidLoad() {
        super.viewDidLoad()

        firstTableView.delegate = self
        firstTableView.dataSource = self

        secondTableView.delegate = self
        secondTableView.dataSource = self

        // Make the first table view's cells dynamic
        firstTableView.rowHeight = UITableView.automaticDimension
        firstTableView.estimatedRowHeight = 50

        // Make the second table view's cells dynamic
        secondTableView.rowHeight = UITableView.automaticDimension
        secondTableView.estimatedRowHeight = 50

        // Register the custom xib for the first table view
        firstTableView.register(UINib(nibName: "FirstTableViewCell", bundle: nil), forCellReuseIdentifier: "FirstTableViewCell")

        // Register the custom xib for the second table view
        secondTableView.register(UINib(nibName: "SecondTableViewCell", bundle: nil), forCellReuseIdentifier: "SecondTableViewCell")
    }

    /**
     Used to resize the table view header.
     Source: https://useyourloaf.com/blog/variable-height-table-view-header/
     */
    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()

        guard let headerView = firstTableView.tableHeaderView else {
            return
        }

        let size = headerView.systemLayoutSizeFitting(UIView.layoutFittingCompressedSize)

        if (headerView.frame.size.height != size.height) {
            headerView.frame.size.height = size.height
            firstTableView.tableHeaderView = headerView
            firstTableView.layoutIfNeeded()
        }
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        if tableView == self.firstTableView {
            return 100
        }

        return 1
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        if tableView == self.firstTableView {
            // Logic to create new cell
        } else if tableView == self.secondTableView {
            guard let cell = tableView.dequeueReusableCell(withIdentifier: "SecondTableViewCell", for: indexPath) as? SecondTableViewCell  else {
                fatalError("The dequeued cell is not an instance of SecondTableViewCell.")
            }

            cell.initialize()

            return cell
        }

        return UITableViewCell()
    }

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return UITableView.automaticDimension
    }

}

Answer 1

如果要使视图位于表格视图上方，并且所有视图都一起滚动，那么一个很好的实现方法是将所有这些视图嵌入滚动视图中，禁用表格视图滚动并设置高度限制，然后进行更改运行时的高度限制取决于表项，以将表扩展到最大可能的高度（How?）。这样，您将获得预期的行为。

另一个表视图的标题内的表视图

1 个答案: