设置 UI Collection View Cell 的约束

Question

在我的 UI 中有一个 collection View，其中每个单元格都包含一个 UILabel 和一个 UIImageView。有如下对齐。

我遇到的问题是对它们设置约束，因为每个 UILabel 都有一个随机长度。我总是想让图像左侧和单元格左侧之间的距离等于标签右侧和单元格右侧之间的距离（在某个单元格中）。

我知道我可以将每个元素的 centerY 设置为每个元素的 centerY。但是我如何设置另一个锚点。

我没有使用故事板。

Answer 1

我会添加一个水平堆栈视图，为具有所需边距的每条边设置约束，并将图像和标签添加到堆栈视图。

然后将拥抱优先级设置为高于标签的图像视图。这将导致标签在向左对齐时占用剩余空间。

Answer 2

如果我正确理解您的问题，您希望为 UImageView 的左侧和 UILabel 的右侧设置同样的间距。为此，我建议您将这些视图（UIImageView 和 UILabel）放在具有以下属性的 UIStackView 中：轴为“水平”，对齐为“中心”；并使用 CenterX 和 CenterY 约束为前导和尾随空间添加约束。

为了便于理解，请看一下 UIStackView Constraints

的图像