自动布局 - 垂直间距

Question

我是从一个UILabel拖动到另一个UILabel以设置垂直间距，我得到以下对话框：

1. 这个对话是什么意思？
2. 如何使用此对话框在2个UILabel之间设置垂直间距？

Answer 1

显然，您已经创建了垂直间距约束。这就是Vertical Spacing旁边的点（•）意味着什么。

如果您从头开始，则应选择“垂直间距”。这将创建一个约束，该约束在画布布局时保持标签之间的当前垂直间距。然后，您可以选择该约束并根据需要进行修改。您可以在文档大纲中找到约束，也可以查看其中一个受影响视图的“大小”检查器。

通常，该窗口允许您根据指定视图的当前布局创建一个或多个约束。单击其中一个项会创建一个约束。按住Shift键并单击某个项目即可选择它并离开面板，以便您可以选择更多。当您选择了所需的全部内容后，单击面板外部以创建所有指定的约束。

选择“左”会创建一个与视图左侧（或前方）相关的约束，其当前距离为常量。类似于“中心X”和“右”，除了关联视图的不同属性。

Equal Widths创建一个与视图宽度相关的约束，其宽度的当前差异为常量。类似于Equal Heights。宽高比创建一个约束，将宽度与另一个高度相关联（当您从视图创建约束时，它最有意义。）