受宽度和纵横比限制的视图,不更新高度

Views constrained by width and aspect ratio, not updating height

所以在我的 main.storyboard 上,我有一张图片和一些按钮。所有这些都是居中的。我想做的是缩放所有内容,以便从 perspective/ratio 的角度来看,它在不同的设备上看起来完全一样。也就是说,如果 iPhone 8 Plus 比 iPhone 8 大 10%,我希望 Plus 上的按钮和图像大 10%。

我遵循了这个 link,它告诉我将对象的宽度限制为屏幕宽度的特定百分比(例如 25%)。然后,他说要约束宽高比,这样当宽度根据屏幕尺寸变化时,高度也会随之变化。

我为按钮和图像视图都这样做了。当我查看对象的尺寸并在 iPhone 8 Plus 和 iPhone SE 之间切换时,宽度会改变,但高度不会。很明显宽度正在适应屏幕尺寸,但高度不是。 (注意,所有按钮和图像都会发生这种情况)。我应该只限制高度并摆脱纵横比限制吗?或者有什么方法可以修复纵横比,以便它确实改变高度?

如果您有任何问题或意见,请告诉我,期待回复!

编辑:根据要求,这里有 2 张约束图片。一是宽高比约束,二是宽度约束

这项工作你需要

1- 屏幕任意百分比的宽度限制

2-纵横比约束

by ctrl dragging from the element to itself and select aspect ratio from popup then configure the multiplier , e.x 0.5 mean height will be half width

3-原点约束x,y

看看这个例子:

两个按钮的宽度限制为视图的 25%(0.25 * 宽度)。

为iPhone SE设计时,它们都是80 x 30

按钮 B 的纵横比约束为 8:3

在 iPhone 8+

上查看时

您看到按钮 A 拉伸到 103.33 的宽度,但它的高度保持在 30。

按钮 B 拉伸到 103.33 的宽度,但因为它有宽高比限制,所以它的高度 拉伸。在这种情况下,从 30 到 38.67。