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

Question

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

4英寸屏幕

5.5英寸

iPad屏幕

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

编辑

这是我的视图层次结构，它也是某些视图控制器视图的子视图。

Answer 1

您有 5 个包含标签的视图。让我们打电话给他们view1，view5让我们打电话给他们的超级观点orangeView。

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

2. 再添加 5 个视图作为orangeView. 按照您想要的方式在视觉上大致布置它们。

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

4. 约束view2' 的宽度等于view1' 的宽度。约束view3' 的宽度等于view2' 的宽度。约束view4' 的宽度等于view3' 的宽度。约束view5' 的宽度等于view4' 的宽度。这就是使所有视图的大小一起增长的原因。

5. view1通过为每个视图添加一个标签作为子视图view5。将它们的宽度和高度限制为足以容纳您的文本。为每个标签添加 2 个约束，使其在其包含视图中垂直和水平居中。