带有 StackView 的 UITableViewCell 不能动态调整高度

Question

我有一个自定义UITableViewCell，其中包含一个StackView，其中包含单元格内容视图的顶部、底部、前导和尾部约束。

当我设置 tableView 时，我给它一个估计的高度，并将 rowHeight 设置为 UITableViewAutomaticDimension。

在我的cellForRowAt 数据源方法中，我将单元格出列，然后调用cell.setup()，它将任何给定数量的视图添加到我的单元格的stackView。

问题是：我的单元格总是被调整为 80p 的估计高度。无论我向单元格的 stackView 添加了多少视图，它都会被塞进 80p 的高度。在 cellForRowAt 数据源方法返回之前，stackView 和单元格不会随着我插入单元格的每个新项目而增长。

我为我的 stackView 尝试了不同的分发设置，但我不确定我在这里做错了什么。

Answer 1

下面是在自动调整大小的表格视图单元格内向堆栈视图添加按钮的简单演示：

class StackOfButtonsTableViewCell: UITableViewCell {

    @IBOutlet var theStackView: UIStackView!

    func setup(_ numButtons: Int) -> Void {

        // cells are reused, so remove any previously created buttons
        theStackView.arrangedSubviews.forEach { $0.removeFromSuperview() }

        for i in 1...numButtons {
            let b = UIButton(type: .system)
            b.setTitle("Button \(i)", for: .normal)
            b.backgroundColor = .blue
            b.setTitleColor(.white, for: .normal)
            theStackView.addArrangedSubview(b)
        }

    }

}


class ViewController: UITableViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        tableView.rowHeight = UITableViewAutomaticDimension
        tableView.estimatedRowHeight = 100
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 6
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let cell = tableView.dequeueReusableCell(withIdentifier: "StackOfButtonsTableViewCell", for: indexPath) as! StackOfButtonsTableViewCell

        cell.setup(indexPath.row + 1)

        return cell

    }

}

假设您已经创建了一个原型单元格，并且它的唯一内容是一个UIStackView，配置为：

Axis: Vertical
Alignment: Fill
Distribution: Equal Spacing
Spacing: 8

您将 Top/Leading/Trailing/Bottom 限制在单元格的内容视图中，结果如下：

不需要任何高度计算，并且由于按钮确实具有固有大小，因此无需对按钮设置高度限制。