无法使用自动布局连续调整5个项目

Question

我正在努力使用自动布局连续调整5个项目，如故事板中所示。

我可以对齐下面突出显示的3个项目，但中间的2个项目只是不想对齐。

我已经尝试将项目固定到每个项目旁边的按钮并设置大小但是它们拒绝正确对齐。还尝试将2个放错位置的按钮设置为前导和试验容器，如下所示，但这些按钮仍然没有正确对齐（或者甚至是紧密对齐）。

我做错了吗？

Answer 1

这样做的方法是使用spacer视图。您需要在每个视图之间添加一个UIView，并为每个视图提供每个水平间距约束。您需要编辑这些约束，使它们位于间隔符的前沿或后沿之间，以及视图的中心X（常量值应为0）。使垫片具有相等的宽度（但没有固定的宽度），固定的高度和清晰的背景颜色。您在左侧和右侧的视图应该具有对其最近边缘的约束，但是中心视图不应该具有centerX约束（不需要它）。这将导致视图在所有屏幕尺寸和两个方向上均匀分布。

Answer 2

您最好的选择可能是创建另一个超级视图（UIView），您的按钮项位于其中。然后你可以在超级视图中更加流畅地对齐你的按钮，它只封装那些按钮，而不仅仅是卡片超级视图中的约束，你似乎正在这样做。只需将UIView的背景清晰，将按钮放在其上，它就会显示完全相同，您将有更好的方法来锚定您的视图。当您定位这些按钮的功能时，这也可以派上用场，这样您就可以从按钮栏超视图的子视图中获取它们。