如何使用自动布局和约束来调整Xib视图和按钮以适合所有设备

Question

我将向您展示一个图片，其中包含我在Interface Builder中展示的第一个UIViewController（使用600x600 Any/Any View）。

MainViewController

现在，只需使用UIButton标签和“播放”按钮查看C即可。我向两者添加了Align center x to: horizontal个约束。当我预览我所拥有的（忘记你看到的其他视图和按钮）时，2个按钮正确居中。但是，当我切换不同的设备尺寸时，它们不会改变尺寸......这是有道理的。

我想要的是一种方法，使这两个按钮按比例保持圆形并以超视图为中心，但根据设备大小调整其大小和Y位置。我需要附加什么约束才能使其工作？我不希望按钮卡在图像中看到的位置，我希望它们适应设备尺寸。

进一步讨论这个问题。在将任何视图/图像/按钮/标签约束到某个y或x位置方面，游戏“颜色切换”似乎没有使用约束。从5c到6s，就像看着游戏的爆炸版本。顶部的按钮和标题标签不限制在每个设备上的相同y位置。

Answer 1

您可以创建约束以将按钮居中到顶级视图，然后使其宽度与视图宽度成比例。然后在更大的屏幕上，按钮会更大，而在更小的屏幕上，它们会更小。