如何使AutoLayout适合iPhone的所有尺寸屏幕

Question

实际上，我正在尝试使我的应用程序适合所有大小的屏幕电话，我有一个视图（蓝色正方形），其中顶部和底部包含2个矩形，在视图的4个角度中包含4个正方形，我正在努力使我的视图（及其包含的内容）在不同的手机上具有动态调整大小，正如您在iPhone 4上所看到的那样，它占用了所有屏幕...感谢您的帮助。 my AutoLayout image

Answer 1

好像您为蓝色正方形视图设置了固定宽度约束（常数为334）。较小的iPhone（4s和SE）的屏幕宽度为320pt，因此您的蓝色方形视图太宽了。

您必须使蓝色方形视图的宽度动态变化（取决于可用的屏幕宽度）

要实现此目的，您可以设置蓝色正方形视图的宽度约束，方法是与其父视图相同（浅蓝色视图），然后定义一个乘数。例如，要将蓝色方形视图的宽度定义为可用宽度的80％，请将乘数设置为0.8

以下是设置动态宽度的步骤：

1. 删除固定宽度约束
2. 选择蓝色正方形视图和浅蓝色视图
3. 添加新的Equal Widths约束
4. 选择约束
5. 在属性检查器中定义Multiplier