在不同的屏幕尺寸中均匀对齐多个图像答案

【问题标题】：Align multiple images equally in different screen size在不同的屏幕尺寸中均匀对齐多个图像
【发布时间】：2015-03-15 10:13:16
【问题描述】：

我在使用 xcode 中的自动布局来对齐多个图像时遇到问题。
我尝试了不同的设置，但似乎没有任何效果（请参阅所附照片）。

很高兴听到你们的一些意见，无论是代码还是故事板。

我希望图像在不同的屏幕尺寸下均等对齐。

空间太大

上一张图片缩放太多

设置等宽时

约束设置

【问题讨论】：

您需要为所有图像设置相同的宽度。
它确实平等地放置了图像，但生成了如下警告消息：无法同时满足约束。以下列表中的至少一个约束可能是您不想要的。试试这个：（1）查看每个约束并尝试找出您不期望的； (2) 找到添加了一个或多个不需要的约束的代码并修复它。（注意：如果您看到不理解的 NSAutoresizingMaskLayoutConstraints，请参阅 UIView 属性 translatesAutoresizingMaskIntoConstraints 的文档）
好的，您提供的约束不足以满足所有屏幕尺寸。你也想要横向的 UI 吗？
修正了一些语法和格式。还删除了所有不相关的感谢。

标签： ios xcode

【解决方案1】：

你需要额外的视图来实现这一点

在示例图片中，红色矩形都是不可见的UIView，带有约束：

左侧视图（或父视图）的固定长度前导空间
右侧视图（或父视图）的固定长度尾随空格
固定长度高度

这样是不可见的视图在不同的屏幕尺寸下具有不同的宽度，而它们之间的图像尺寸是固定的。

【讨论】：

【解决方案2】：

对于最左侧的项目，您应该指定leading space to superview，对于最右侧的项目，请指定trailing space to superview。对于视图之间的所有内部间隙，指定horizontal spacing，并为每个相邻视图指定equal width 约束。此外，我建议您为所有视图指定Align center Y，并仅为其中一个视图设置y 位置约束

【讨论】：

试过了。但是所有图像都变得非常大并且相互重叠。
@Alvin 你添加了高度限制吗？
Azat... 对于最左侧的图像视图-> 前导空间到超级视图：完成，对于最右侧的图像视图-> 尾随空间到超级视图：完成，对于所有图像视图-> 指定等宽约束：完成，对于所有图像视图-> 添加高度约束：完成，但它似乎还没有工作。
你能分享截图吗？在这种情况下你的观点会发生什么？
我添加了截图和相应的约束设置