约束 UIImageView 高度以尊重 UITableViewCell 中的动态 UILabel 高度

Question

我有一个 UITableView 填充了一种类型的自定义 UITableViewCell。每个单元格包含一个title（UILabel）、subtitle（UILabel）和thumbnail（UIImageView），如下所示。

三个子视图的宽度都是固定的，但只有字幕标签的高度是固定的。标题标签的高度根据文本量是动态的。我已将标题标签的 numberOfLines 设置为 0 以反映这一点。

我的目标：单元格的高度应该由标题标签的高度决定。换句话说，单元格高度应该是两个标签的高度加上三个垂直填充间隙的总和。图像高度应设置为单元格的结果高度。

我当前的实现：我设置了以下自动布局约束：

• 缩略图在顶部、左侧和底部与 superview 挂钩
• 缩略图宽度与父视图宽度成 0.2 的倍数成正比
• 缩略图的右侧与标题和副标题挂钩（尾随空格 = 8）
• 标题与顶部和右侧的超级视图挂钩（尾随空格 = 8）
• 标题底部与副标题挂钩（尾随空格 = 8）
• 标题高度大于等于24
• 字幕在右侧和底部与 superview 挂钩（尾随空格 = 8）
• 字幕高度等于20

另外：

• 标题numberOfLines = 0
• 缩略图contentMode = 纵横比填充
• 缩略图clipToBounds = true

问题：图片高度不尊重标签高度，所以单元格高度设置为图片全高，标题标签垂直拉伸。考虑到我使用的限制，这是可以理解的，但这不是我想要发生的。

我的问题：如何约束 UIImageView 的高度以尊重单元格高度（由动态标签高度确定），而不是让单元格高度尊重 UIImageView 高度？

我的环境：

• Xcode 10
• iOS 11 和 12
• 斯威夫特 4.2

Answer 1

尝试设置thumbnail垂直compression resistance低于title垂直hugging priority。在代码中它看起来像这样：

    thumbnail.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
    titleLabel.setContentHuggingPriority(.required, for: .vertical)

Answer 2

我将解释使这成为可能的垂直限制。

• 使用足够的填充将标签的顶部固定到 contentView，以便图像视图留在其中。
• 将 subtitleLabel 的顶部固定到 titleLabel 的底部。
• 将字幕的底部固定在 contentView 的底部，以便图像视图留在其中。

您的单元格现在具有基于上述约束的高度。现在您只需确保将图像视图放置在此高度内。

• 将缩略图顶部固定到标签顶部，底部固定到字幕标签底部。

例子：

• titleLabel.top -> contentView.top + 10
• subtitleLabel.top -> titleLabel.bottom + 5
• subtitleLabel.bottom -> contentView.bottom - 10
• imageView.top -> titleLabel.top - 5
• imageView.bottom -> subtitleLabel.bottom + 5