iOS 8 Autolayout - 动态调整4个方形视图的大小

Question

我有一个包含方形子视图（灰色）的视图。这个方形子视图然后包含四个较小的正方形（蓝色）：

每个正方形都固定在超视图的顶部或底部，以及超视图的左侧或右侧。例如，左上角的正方形有一个约束，它将前导空间固定到超视图，另一个约束将顶部空间固定到超视图。类似地，右下角有约束，它们将底部和尾部空格固定到superview。

我实际上很难实现约束，这将导致基于屏幕大小调整大小。我在方块之间放置了水平和垂直间距约束，但这会产生一个警告，即需要减少其中一个方块的内容抗压优先级。当它被缩小时，该正方形变得很小，因为另一个正方形占据了所有空间。

我只是希望每个方块的大小相等，并通过自动布局调整大小以适应屏幕。

任何帮助将不胜感激！

Answer 1

选择所有正方形并对它们全部应用“等宽”和“等高”约束。然后，对于其中一个正方形，应用“纵横比”约束以保持其宽度和高度彼此相等。最后，在任意两个相邻的正方形之间添加一个空格约束。

那些将每个方块固定在超视图角落的约束应该足够了。

Answer 2

除了图像中的约束之外，我在相邻方块之间添加了值为20的四个空间约束，并在右侧对齐了两个方块的水平中心。您可以参考下图。