如何缩放不同设备的按钮

Question

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

在iPhone 8以及xcode上，这是一个很好的版本

然后我将视图更改为iPhone SE或任何其他iPhone，但遇到了以下麻烦：

要具有相同的屏幕我需要做什么？

Answer 1

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

• 然后添加1：1的宽高比常量，以便保留按钮 广场。

• 然后相对于屏幕尺寸（不是 绝对）。

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

设置比例宽度

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

1. 将等宽约束添加到按钮的超级视图。
2. 编辑约束的乘数：将其从1更改为（90/375）

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

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

Answer 2

您似乎尚未定义要查看的按钮的约束。例如：左边缘，上边缘...

* edit：在#raisedeybrow以下发布投诉 您将需要定义（添加约束）您希望按钮距边缘（左侧和顶部，右侧和底部）的距离。然后在按钮上应用内容拥抱和压缩优先级，以使它们全部按比例缩放。有些将需要更大，一些您不希望缩小等等。如果您希望它看起来流畅，可以进行很多设置