故事板标签约束

Question

我的故事板上有 4 个标签，它们在基线对齐并且它们之间的距离固定。 每个标签在运行时可以有不同的值，我希望这4个标签的组水平居中。

没有成功修复它！ 我试图将它们放在视图中并将视图居中，但它也不起作用。 也尝试过处理优先级，但也没有成功......

是否有可能在情节提要中实现？

Answer 1

您可以通过将 4 个标签放在另一个视图中来做到这一点。添加以下约束：

1. 在标签之间设置固定距离约束（3 个约束）。
2. 设置约束以对齐标签的基线（3 个约束）。
3. 设置从最左侧标签到包含视图的前导约束。将常量设置为0。
4. 设置从最右边标签到包含视图的尾随约束。将常量设置为0。
5. 设置视图高度约束。
6. 设置从左标签顶部到其包含视图顶部的约束。
7. 设置约束以使视图水平居中。
8. 设置约束以垂直定位视图。

视图的宽度将由标签的固有大小加上#1 中的距离大小决定。这个宽度会随着标签内容的变化而变化，并且视图将保持组居中。

---

Answer 2

您可以为此使用堆栈视图：

例如，在“属性检查器”中，您可以设置每个文本字段的宽度相等，并且它们之间的间距为 5 点：

然后，您可以像往常一样使用 Stack View 水平居中。