如何使用自动布局将图像彼此水平对齐

Posted 2023-03-29

【中文标题】如何使用自动布局将图像彼此水平对齐

【英文标题】：How do I use auto layout to align images horizontal to each other

【发布时间】：2015-06-15 11:45:04

【问题描述】：

所以这是我的问题，我试图将两个绿色图像相对于超级视图对齐，以便它们在所有可能的 iPhone 屏幕尺寸上保持相同的位置，但我注意到当我固定尾随、前导、底部时以及两者的上边缘到超级视图，左侧图像显示正确，但右侧图像在宽度较小的 iPhone（例如 5、4S、5S）上显得被压扁。

我只能假设左侧图像的约束不可避免地会影响右侧图像的约束。虽然我对自动布局不是太陌生，但我以前从未处理过这种性质的情况，我需要进行哪些更改以确保图像在所有屏幕上都显示为这样，尤其是宽度较小的图像.

PS：减小两张图片的实际尺寸也不能解决问题。

谢谢。

更新：我希望图像之间的空间根据屏幕尺寸缩小/增长。它们之间的空间不是我的目标，我的目标是让图像显示在屏幕截图中显示的尾随和超前视图，不一定相对于彼此。

【问题讨论】：

您能说得更具体一点吗？您是否尝试在不同设备上保持这两个图像之间的距离相等，然后保持它们两个相对水平居中？

嗨@Nebs 刚刚更新了问题以反映您的评论，图像不必保持那个距离，事实上，我希望它们之间的距离增加（在更大的屏幕上）和缩小（在较小的屏幕上），以便每个图像与屏幕边缘的距离始终相同。

【参考方案1】：

只是添加另一种方式，您可以这样做 Ctrl+Drag 从一个视图到另一个视图并根据您的要求选择顶部、底部或中心

【参考方案2】：

我没有尝试过，但我会做的是：

左图：

将“左”和“上”边缘固定到超级视图。 引脚宽度 和身高

右图：

将“右”和“上”边缘固定到超级视图 固定宽度和高度

不要将两个图像固定在一起。另外，不要固定右图像的左边缘或左图像的右边缘。也没有理由固定底部边缘，因为您可以固定高度（假设您希望图像的大小保持固定）。

【讨论】：

您先生，真是个聪明人！这完美！非常感谢。