如何使用Xcode自动布局与这些Uiimage视图？

Question

我试图使用自动布局，使这些UiImages视图像在下面的图像，但它总是在这些设备屏幕之一3.5“，4”，4.7“

所以我有做才能让像这样？

Answer 1

如果要相等的宽度，并且每个图像的相等的高度，然后可以添加的约束，如下面的图像，并且如果你想使用整个屏幕空间（即高度和图像的宽度将是不同）然后选择所有四个引脚并选择等宽和等高选项复选框（保持Aspect Ration复选框未选中）

Answer 2

我认为你缺少一定限制，你可以一步做一步。 让数以方便参考

imgv1 imgv2 imgv3

012的ImageView

imgv4 imgv5 imgv6

imgv7 imgv8 imgv9

imgv10 imgv11 imgv12

DRAP拖放imgv1，2，3到故事板并把它们彼此相邻。 cmd +右键单击三个imageview并设置约束（它应该是最近的邻居不要忘记取消选中“从边距”复选框）。根据问题中的数字约束，应该是

top-40，left-20，right-20.我假设所有imageview的高度相等，宽度相等，在这种情况下选择三个imageview并选择equal宽度和相等的高度限制。不要更新帧。它会显示错误，别担心，我们会解决它。

现在为第2,3,4行。

将图像视图拖放到故事板并将它们放置到所需的位置即可。

imgv4,5,6 imgv7,8,9 imgv10,11,12

然后选择所有这些ImageView的（4-12），并添加约束它。所述约束应

顶部 - 20，左 - 20，右 - 20

和所有的图像视图的高度和宽度相等，选择所有的ImageView即IMGV（4-12）和IMGV （1,2,3）并添加约束相等的高度和宽度。

还有一个缺失的是我们必须添加底部约束到最后一行，即。（imgv10,11,12）选择这三个imageview并添加底部约束（记住所有约束都来自最近的邻居）。

然后最后更新控制器中的帧。它应该看起来像问题中的图像。