如何自动调整tableView高度＆＃x2b; StackView

Question

我正在尝试实现此功能：

在表格视图的每个单元格中显示标题、描述和图像。 然而，图像可能为零。 要求是：

1. 当图像为零时，自动扩展标签以适合整个单元格
2. Tableview 单元格高度应根据描述标签自动调整。
3. 需要使用 stackView

我以编程方式执行此操作：

1. 设置这是表视图：

    tableView.rowHeight = UITableView.automaticDimension
    tableView.estimatedRowHeight = 200
   

2. 创建 2 个 Stackview：一个用于标签，一个用于标签 + 图像：

    let contentStack: UIStackView = {
        var view = UIStackView()
        view.axis = .horizontal
        view.spacing = 16
        view.distribution = .equalSpacing
        view.translatesAutoresizingMaskIntoConstraints  = false
        return view }()
    
    let labelStack: UIStackView = {
        var view = UIStackView()
        view.axis = .vertical
        view.spacing = 5
        view.translatesAutoresizingMaskIntoConstraints = false
        view.distribution = .fillProportionally
        return view }()

3. 使用自动布局设置约束：

func setupUI() {
        contentView.addSubview(contentStack)
        labelStack.addArrangedSubview(titleLabel)
        labelStack.addArrangedSubview(descriptionLable)
        contentStack.addArrangedSubview(labelStack)
        contentStack.addArrangedSubview(iconView)
        
        NSLayoutConstraint.activate([

            iconView.heightAnchor.constraint(equalToConstant: 80),
            iconView.widthAnchor.constraint(equalToConstant: 80),

            contentStack.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 16),
            contentStack.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
            contentStack.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16),
            contentStack.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -16)
        ])
        layoutIfNeeded()
    }

但是，此代码不会自动调整 tableview 单元格的高度，您可以从屏幕截图中看到，单元格不会基于关于标签的长度。

使用 stackview 执行此操作的最佳方法是什么？

这是我到目前为止得到的：

Answer 1

一些更改...

现在，您的80pt高度图像视图将ContentStack高度限制为80点，因此在您的Content> ContentStack设置中，请使用：

view.alignment = .top

// or

view.alignment = .center

更改您的labelstack设置为：

view.distribution = .fill   // NOT .fillProportionally

确保设置：

titleLabel.setContentCompressionResistancePriority(.required, for: .vertical)
descriptionLabel.setContentCompressionResistancePriority(.required, for: .vertical)

---

edit

这就是它可以通过长而简短的描述以及/不使用图像来看的方式。标签具有青色背景，图像视图具有黄色背景，因此您可以看到框架...

< img src =“ https://i.sstatic.net/nyats.png” alt =“在此处输入图像说明”>

如果这会留下太多的顶部和底部“填充”，则需要调整顶部，并且底部约束常数。