自动布局网格按钮间距恒定

Autolayout grid button constant spacing

Autolayout 完全是个谜。

所以,我在界面生成器中创建了这个视图。

它由对齐的自定义按钮组成。

如果我尝试这个视图,这里会发生什么。 在 iPhone 8 plus 上,一切正常。 但在较小的屏幕上,它很乱

如您所想,我希望此网格保持对齐,但要自行组织以适应任何屏幕尺寸。 我尝试了几个小时的自动布局,我所能得到的只是一个混乱的地狱。

两个问题: 1 - 有没有办法设置自动版式来正确完成这项工作?如果是,请问如何? 2 - 是否可以为 iPhone 8 创建视图,为 iPhone 4 等创建视图?

谢谢!

1) 将两列按钮放入 StackView(中间按钮)

2) 将这两个视图放在另一个堆栈视图中以进行水平对齐

3) 将第二个 stackView 置于 x 轴中心

4) 将其附加到顶部,偏移量约为 16 点

5) 将底部按钮放入第三个 stackView

6) 将第三个 stackView 附加到具有左/上偏移量的第二个 stackView

你的工作只是了解并执行 - 它应该有效:)

对于此网格布局使用集合视图更容易,最底部仅使用一个堆栈视图items.and将集合视图和堆栈视图相互绑定。