图像视图自动布局从水平边缘固定 60pt，但自动缩放高度？答案

【问题标题】：Image view autolayout to pin 60pt from horizontal edges, but auto scale height?图像视图自动布局从水平边缘固定 60pt，但自动缩放高度？
【发布时间】：2018-09-01 12:06:26
【问题描述】：

我正在尝试找出解决以下问题的方法：

我有一个正方形图像，我想将它水平和垂直对齐在屏幕的中心，并使其左右边缘距离屏幕边缘 60pt。

到目前为止，我从 XCode 收到关于顶部和底部图像约束的错误。如何使图像保持其正方形比例并根据屏幕尺寸自动调整大小？

例如，在下面的屏幕截图中，图像宽度变为 294pt，但高度保持不变，它也应该变为 294 pt。

【问题讨论】：

标签： ios xcode autolayout

【解决方案1】：

您需要再添加 3 个约束。

将您的视图垂直对齐到超级视图
将视图水平对齐到超级视图
将视图的纵横比设置为 1:1 （重要）

总的来说，你应该有 5 个约束。截图如下。

【讨论】：

【解决方案2】：

当自动布局在情节提要上找不到有关组件的足够信息时，会发生此错误。正如您在这里所做的那样，您只提供尾随和前导约束，所以现在它要求提供高度和宽度。

如果您希望每个设备上的高度相同，请选择将固定高度 300 的高度限制。

或者您可以简单地将对齐约束设置为垂直和水平居中，然后添加顶部和前导约束

【讨论】：

如果你在超级视图中添加顶部约束，对于不同的手机尺寸，视图的高度不会随着宽度的增加而增长。