使用 Autolayout 根据宽度的比率设置 UIImage 高度

Posted 2023-03-15

【中文标题】使用 Autolayout 根据宽度的比率设置 UIImage 高度

【英文标题】：Set UIImage height based on a ratio of the width using Autolayout

【发布时间】：2015-02-20 17:55:08

【问题描述】：

我想弄清楚如何根据宽度在情节提要上设置 UIimage 的高度？我需要它是基于宽度的比率。所以图片是全宽的。

目前我正在使用通用情节提要并希望图像为 3:4，因此高度需要比宽度大 33%。

我不明白的是，通用故事板上的宽度是 600，那么我如何获得高度比宽度大 33% 的比率？

我不知道该怎么做。

【参考方案1】：

如果您将 aUIImageView 添加到情节提要并手动将其设置为所需的比例，例如300x400px，然后您可以单击右下角的图钉按钮（如下所示）并选中“纵横比”框。这将添加一个约束，以始终保持您的视图相同的纵横比，即使您更改宽度也是如此。

【讨论】：

好吧，这是有道理的，但我希望图像是全宽的，所以需要 600 宽不？

是的，具体取决于您的设备。纵横比的重要一点是您将其设置为 some 3:4 的比例。然后，您可以添加一个宽度约束，将其固定为您想要的宽或窄，并且高度将根据比率跟随