iOS 8 Autolayout - 动态调整 4 个方形视图
iOS 8 Autolayout - Dynamically Resizing 4 Square Views
我有一个包含方形子视图(灰色)的视图。这个正方形子视图然后包含四个较小的正方形(蓝色):
每个方块都固定在父视图的顶部或底部,以及父视图的左侧或右侧。例如,左上角的方块有一个约束将前导 space 固定到父视图,另一个约束将顶部 space 固定到父视图。同样,右下角有约束,将底部和尾随 spaces 固定到超级视图。
我很难实施约束,这将导致根据屏幕尺寸调整正方形的大小。我在方块之间设置了水平和垂直间距约束,但这会导致警告,其中一个方块的内容抗压缩优先级需要降低。当它缩小时,那个方块变得很小,因为另一个方块占据了所有 space.
我只希望每个方块大小相等,并通过自动布局调整大小以适合屏幕。
如有任何帮助,我们将不胜感激!
Select 所有正方形并对它们应用等宽和等高约束。然后,对于其中一个正方形,应用纵横比约束以保持其宽度和高度彼此相等。最后,在任意两个相邻方块之间添加一个 space 约束。
那些连同将每个方块固定到超级视图角落的约束应该足够了。
除了你图片中的约束外,我在相邻的方块之间添加了四个 space 值为 20 的约束,并将右侧两个方块的水平中心对齐。可以参考下图
我有一个包含方形子视图(灰色)的视图。这个正方形子视图然后包含四个较小的正方形(蓝色):
每个方块都固定在父视图的顶部或底部,以及父视图的左侧或右侧。例如,左上角的方块有一个约束将前导 space 固定到父视图,另一个约束将顶部 space 固定到父视图。同样,右下角有约束,将底部和尾随 spaces 固定到超级视图。
我很难实施约束,这将导致根据屏幕尺寸调整正方形的大小。我在方块之间设置了水平和垂直间距约束,但这会导致警告,其中一个方块的内容抗压缩优先级需要降低。当它缩小时,那个方块变得很小,因为另一个方块占据了所有 space.
我只希望每个方块大小相等,并通过自动布局调整大小以适合屏幕。
如有任何帮助,我们将不胜感激!
Select 所有正方形并对它们应用等宽和等高约束。然后,对于其中一个正方形,应用纵横比约束以保持其宽度和高度彼此相等。最后,在任意两个相邻方块之间添加一个 space 约束。
那些连同将每个方块固定到超级视图角落的约束应该足够了。
除了你图片中的约束外,我在相邻的方块之间添加了四个 space 值为 20 的约束,并将右侧两个方块的水平中心对齐。可以参考下图