自动布局问题

Question

我试图得到一个布局工作，我有9个正方形集3x3，在所有的设备大小，他们是正方形。

我尝试了无数的想法来使它工作，但似乎无法让它在所有的设备上保持方格。

我在下面附上了一张图片，显示了结果和当前的限制在左上角广场。

任何帮助都是很棒的！

​

​

Answer 1

最好的方法是使用stackView。好处是你不需要处理太多的限制。因此，水平选择前三行视图，然后单击Embed in Stack按钮，该按钮的轴应该是水平的，在您的故事板内。第二行和第三行遵循相同的原则。同样在stackview内部，您可以提到您想要的间距。

现在，对于这三行，您有了三个stackView。在此之后，选择所有三个stackView，然后单击Embed in Stack按钮，其轴应该是垂直的，您可以提到所需的间距。

因此，这样做的好处是，您不必担心约束。最后，您只需在主stackView上应用约束，该约束包含所有子stackView

Answer 2

虽然我完全同意UIStackView是一个很好的选择，但是您也可以在正方形中添加Aspect Ratio约束( Multiplier为1)，并确保它们保持平方(因为关于当前布局的任何内容都不要求视图是平方的)。

如果您希望您的9个方块保持在超级视图的中心，我建议将它们添加到超级视图中的一个不可见的中间视图和中心。