Ios 如何在这些Uiimage视图中使用Xcode自动布局？

我试图使用自动布局，使这些UiImages视图如下图所示，但在其中一个设备屏幕3.5英寸、4英寸、4.7英寸中总是一团糟

那么我要怎么做才能让它变成这样呢

---

我认为您缺少一些限制，您可以一步一步地做。 让我们对imageview进行编号，以便于参考

imgv1 imgv2 imgv3

imgv4 imgv5 imgv6

imgv7 imgv8 imgv9

imgv10 imgv11 imgv12

将imgv1、2、3拖放到情节提要上，并将它们彼此相邻放置。cmd+右键单击三个imageview并设置约束（应该是到最近的邻居，不要忘记取消选中“从边距”复选框）。根据问题中的图，约束应为

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

现在是第二、第三、第四排

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

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

然后选择所有这些imageview（4-12）并向其添加约束

上20，左20，右20

由于所有图像视图的高度和宽度相等，请选择所有图像视图，即imgv（4-12）和imgv（1,2,3），然后添加“约束相等高度和宽度”

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

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

---

如果您希望每个图像的宽度和高度相等，则可以添加下图所示的约束，如果您希望使用整个屏幕空间（即图像的高度和宽度将不同），则选择所有四个管脚并选中“宽度和高度相等”复选框（保持纵横比复选框未选中）

---

您是否尝试添加缺少的约束使用UICollectionView..感谢您提供的简单步骤和多个选项：）我很高兴它对您有所帮助：）