图像视图自动布局以从水平边缘固定到60pt,但是自动缩放高度?

时间:2018-09-01 12:06:27

标签: ios xcode autolayout

我正在尝试解决以下问题的方法:

我有一个正方形图像,我想在屏幕中央水平和垂直对齐它,并以左右边缘距屏幕边缘60pt的方式对其进行约束。

到目前为止,我已经从XCode收到有关顶部和底部图像约束的错误。如何使图像保持其平方比并根据屏幕尺寸自动调整大小?

例如,在下面的屏幕截图中,图像的宽度变为294pt,而高度保持不变,也应更改为294pt。

enter image description here

2 个答案:

答案 0 :(得分:1)

您需要再添加3个约束。

  1. 将视图垂直对齐到超级视图

  2. 将视图水平对齐到超级视图

  3. 将视图的纵横比设置为1:1 (重要)

The image showing how to add Aspect ratio

总体上,您应该有5个约束。屏幕截图如下。

Image Having all 5 constraints for the View that you want to maintain 60 padding, equal width & height and vertically & horizontally aligned

答案 1 :(得分:1)

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

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

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

enter image description here