受宽度和纵横比限制的视图,不更新高度
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。
所以在我的 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。