swift - 如何约束 View 中的元素？

Question

重要提示:这不是主视图，而是我在主视图上添加的 View ，它有自己的大小。

我正在尝试限制 this view为了让它在每个 iOS 设备上都可以调整大小。我希望它看起来和您看到的一模一样。
我在网上遵循了多个指南，但即使我完全按照我所看到的去做，它似乎也不适合我。这是我尝试过的:
我设置了取消按钮的宽度，然后将其限制在容器中的 View (尾随、底部、前导)和垂直方向。我对它上面的那个做了同样的事情，但是底部约束附加到了按钮。

关于有很多方形按钮的 View 我:
将 View 限制在它下面的按钮(底部)，设置它的宽度，将它垂直放置在容器中，顶部空间到安全区域(我的 View 上方有一个导航栏)以及用于查看的尾随和前导空间。

关于我 View 中的按钮，我为它们中的每一个设置了相等的宽度和高度，然后我将它们全部限制在顶部、前导、尾随和底部(它们之间或它们的 View 之间都有 7 个间距)。

这些都不起作用，因为蓝天 View 要么变得越来越大，要么超出屏幕范围，要么一切都变得非常奇怪......我该怎么办？

Answer 1

我觉得这个问题有点难回答。但我会尽力而为 :D所以，我要做的第一件事就是将粉红色方 block 放在 stackView 中，让自动布局帮助我们一点点。然后我会约束 blueSkyView.top .leading 和 .trailing。将 stackView .top, .leading, .trailing, .bottom 约束到 blueSkyView 之后，这样蓝天 View 可以放大以适应里面的堆栈。然后将按钮限制在底部，就像您所做的那样。例如，考虑使用大于从蓝天到随机颜色按钮的一些约束，保证它们永远不会重叠。