ios - ui标签之间灵活的水平间距

Question

我在所有分辨率支持的 Storyboard中使用自动布局，但我坚持一件事。我希望使用约束在我的标签之间灵活的水平间距。请参阅屏幕截图了解更多详细信息。这是一个4.7英寸的屏幕。这个屏幕是正确的，因为我专门为这个屏幕设计的

4寸屏

5.5 英寸

iPad屏幕

请帮助使用自动布局和约束在所有支持的分辨率中平均管理我的标签间距。

编辑

这是我的 View 层次结构，它也是某个 View Controller View 的 subview 。

Answer 1

您有 5 个包含标签的 View 。让我们通过 view5 调用那些 view1 并调用它们的 super View orangeView。

1. 首先布置 orangeView。将其前沿约束到其超 View 的前沿。将其后缘限制在其 super View 的后缘。将其高度限制为 50。

2. 再添加 5 个 View 作为 orangeView 的 subview 。按照您希望的方式在视觉上大致布置它们。

3. 从最左边的 View 开始，我们将其称为 view1，将其顶部边缘限制为距其最近邻(即 orangeView 的顶部)。将其底边限制为距离 orangeView 底边 8 点。将其左边缘限制为其最近的邻居 8 点。对 View 2 到 4 重复此操作，始终将它们的顶部、左侧和底部边缘限制为距离最近的邻居 8 点。对于 view5，将所有 4 条边都约束为距离最近的邻居 8 个点。

4. 将view2 的宽度限制为等于view1 的宽度。将 view3 的宽度限制为等于 view2 的宽度。将 view4 的宽度限制为等于 view3 的宽度。将 view5 的宽度限制为等于 view4 的宽度。这就是使所有 View 的大小一起增长的原因。

5. 将标签作为 subview 添加到每个 View view1 到 view5。将它们的宽度和高度限制为足够大以容纳您的文本。向每个标签添加 2 个约束，使其在其包含 View 中垂直和水平居中。