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

Question

我需要使用一些标签和按钮创建一个简单的布局。以下是我如何在IB中定位UI元素。

这是我多么希望他们看起来像在应用程序也是如此。标签左侧的宽度设置相同，因此右侧的元素将相应地调整其宽度。

我已经在左侧的标签上设置了超前查看约束的前导空间，并在它们之间设置了垂直间距。同样，我将尾部空间添加到右侧标签和按钮的超级查看约束中，并且彼此之间有垂直间距。我还在每个元素之间添加了水平间距（例如：名称< - > John Doe，电话号码< - >按钮）。

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

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

我怎样才能让他们以适当的像我有他们在界面生成器？

谢谢。

我上传了一个测试Xcode项目，这个问题here。

Answer 1

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