ios - 围绕居中的 UIView 约束多个 UIView

Question

我正在尝试学习自动布局/约束，但我一生都无法找到解决问题的方法。我在“主”按钮周围有多个按钮。我希望布局保持不变，按钮根据设备自动调整大小并保留在 super View 的中心。我一直在阅读和尝试，但尚未取得任何进展。任何帮助将不胜感激。

目前我并不担心景观，但如果有人愿意详细说明那就太好了。

我可以阅读的任何引用资料或视频也很棒。

谢谢您

布局示例:

Answer 1

我可以提供一些建议。

1. 首先，您的所有 View 和按钮都应具有与您所使用的设备的屏幕尺寸成比例的宽度和高度，以便在不同的设备上看起来都不错。
2. 其次，除了宽度和高度限制之外，中间的“主”按钮还将在 UIViewControllers View 上有一个 centerX 以及一个中心 Y，以便您可以将其固定在中间。这很重要，因为其他 6 个按钮将相对于该主按钮固定。
3. 让我们从其他按钮开始，特别是主按钮上方的按钮和主按钮下方的按钮。这两个按钮也有宽度和高度限制。现在，在水平方向上，您有两个选择 - 因为这些家伙始终位于屏幕中间，您可以将它们的 centerX 与主按钮对齐，或者与 UIViewController 的 View 本身对齐 - 只要它位于中间就没有关系。最后，我们必须考虑距主按钮的垂直距离。这些距离应与屏幕的总高度成正比，以便在所有设备上看起来都不错。您将添加一个从顶部按钮底部到中间按钮顶部的约束。对于底部按钮，您将添加从底部按钮顶部到中间按钮底部的约束。
4. 现在对于其他 4 个按钮，除了它们将具有的高度和宽度约束之外，您应该将水平约束约束到顶部和底部中间按钮，然后将垂直约束约束到主按钮。