AutoLayout 以 50% 比例调整图像大小

Posted 2023-03-15

【中文标题】AutoLayout 以 50% 比例调整图像大小

【英文标题】：AutoLayout to adjust image size proportional to 50%

【发布时间】：2015-02-12 03:44:00

【问题描述】：

我已阅读此post 并尝试了许多示例，但我无法将两张图像并排放置，每张图像的宽度均为 50%，同时这些图像保持其纵横比。我不明白需要什么限制。

我有这个：

在图片中你可以看到viewcontroller结构，2个imageview和约束。

我需要帮助，至少有一个类似的例子。谢谢。

【参考方案1】：

我可以看到您的场景缺少约束，所以这可能是一个问题。

我会将UIImageViews 放在固定到您的主视图的容器视图中，确保没有缺少约束。这样做的好处在于调试 - 您可以给它一个不同的 BG 颜色并确保它在模拟器/设备上正确调整自身大小。我发现将图像视图放入其中非常有帮助。

然后您需要在图像视图上指定纵横比约束，并使它们的宽度和高度相等。在您的图像视图和容器视图的顶部/前导/尾随之间添加一些小的恒定水平间距，并让自动布局决定最佳图像尺寸。

我已经包含了我的故事板的屏幕截图：-

渲染如下：-