如何在这些Uiimage View中使用Xcode自动布局？

Question

我正在尝试使用自动布局，制作这些UiImages视图，如下图所示，但它总是在这些设备屏幕中的一个混乱屏幕3.5“，4”，4.7“

所以我要做的就是这样做？

Answer 1

如果你想要每个图像的宽度和高度相等，那么你可以添加约束，如下图所示，如果你想使用整个屏幕空间（即图像的高度和宽度将不同），那么选择所有四个引脚并选择“等宽”和“等高”复选框（保持“方位角”复选框未选中）

Answer 2

我认为你缺少一些约束，你可以一步一步做。 让我们对imageview进行编号以便于参考

imgv1 imgv2 imgv3

imgv4 imgv5 imgv6

imgv7 imgv8 imgv9

imgv10 imgv11 imgv12

将imgv1,2,3拖放到故事板并将它们放在一起。 cmd +右键单击三个imageview并设置约束（它应该是最近的邻居，不要忘记取消勾选＆＃34;来自margin＆＃34;）。基于问题约束的数字应该是

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

现在是第2，第3，第4行。

将imageview拖放到情节提要，然后根据需要放置它们。

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

然后选择所有这些imageview（4-12）并为其添加约束。约束应该是

top - 20，left - 20，right - 20

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

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

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