如何为每个设备制作故事板

Question

实际上，我的观点如下所示。但每次我在不同设备上运行应用程序时，他们都会移动他们的位置。我使用Add Missing Constraints添加了约束。你可以看到我遇到的问题。我可以通过为每个设备绘制所有故事板来解决这个问题吗？

Screenshots

Answer 1

以下是如何使用Storyboard以您希望的方式获取视图。我假设你知道如何在Storyboard中添加约束。

对于黄色圆圈，设置高度和宽度约束下一步添加中心水平约束。最后把它钉在顶部。

对于绿色和蓝色圆圈设置高度和宽度约束。现在设置绿色圆圈的高度和宽度等于蓝色圆圈的高度和宽度。将绿色圆圈的边缘固定到左边缘，将蓝色边缘固定到左边缘。最后将两者都固定在底部。

或者对于后面的圆圈，您可以选择将两者添加到所述视图中具有相同约束的第三个视图，并将额外视图水平居中，同时确保设置其高度和宽度约束。