ios - 如何为不同的设备缩放按钮

Question

我的屏幕上有按钮 我附加了约束，但在不同尺寸的屏幕上我看不到我想要的按钮。在不同的屏幕上有相同的大小，我在小屏幕上看不到所有按钮

这是在 xcode 中在 iphone 8 plus 上的一个很好的版本

然后我将 View 更改为 iphone se 或任何其他 iphone，我遇到了这些麻烦:

我需要做什么才能拥有相同的屏幕？

Answer 1

• 使按钮的宽度与 View 成比例宽度。

• 然后添加一个 1:1 的纵横比常量，以便按钮保持不变正方形。

• 然后根据屏幕尺寸定位按钮(不是绝对)。

这应该可以为您完成工作。

设置比例宽度

假设主视图的尺寸在 Interface Builder 中是 375 x 667。假设您在其上放置一个 90 x 90 的按钮。为了使它的宽度始终与主视图的宽度成比例，

1. 为按钮的父 View 添加一个等宽约束。
2. 编辑约束的乘数:将其从 1 更改为 (90/375)

执行上述操作可确保对于不同的屏幕宽度，按钮的宽度也会按比例变化。

以下是 iPhone XR 和 iPhone 5s 的屏幕截图，是我从我刚刚尝试的示例中截取的。如您所见，按钮留在屏幕内并保持其形状。希望这会有所帮助。