使用自动布局的一组标签的宽度相同

Question

我需要创建一个带有一些标签和按钮的简单布局。以下是我在 IB 中定位 UI 元素的方式。

这也是我希望它们在应用中的样子。左侧的标签设置为相同的宽度，因此右侧的元素会相应地调整它们的宽度。

我已将前导空间设置为左侧标签上的超级视图约束，并设置每个标签之间的垂直间距。同样，我在右侧的标签和按钮上添加了尾随空间来超级视图约束，彼此之间有垂直间距。我还在每对元素之间添加了水平间距（例如：姓名 John Doe、电话 按钮）。

当我运行它时，它看起来像这样。

元素仅根据内容需要占用宽度。我认为发生此问题是因为无法自动布局来决定宽度。如果我将左侧的标签设置为相同的宽度约束，它在运行时不起作用，因为它们的常量是固定的，所以它们看起来像这样。

如何使它们正确显示，就像我在界面构建器中一样？

谢谢。

我上传了一个带有此问题的测试 Xcode 项目here。

Answer 1

在您的最后一个示例中，看起来您几乎实现了您想要的。您使左侧的所有标签具有相同的宽度。您现在可以将第一个标签的宽度约束设置为适合您的宽度，其他标签应自动匹配。您可能仍然遇到的唯一问题是让它在更宽的屏幕上看起来不错。