自动布局网格按钮间距恒定
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将集合视图和堆栈视图相互绑定。
Autolayout 完全是个谜。
所以,我在界面生成器中创建了这个视图。
它由对齐的自定义按钮组成。
如果我尝试这个视图,这里会发生什么。
如您所想,我希望此网格保持对齐,但要自行组织以适应任何屏幕尺寸。 我尝试了几个小时的自动布局,我所能得到的只是一个混乱的地狱。
两个问题: 1 - 有没有办法设置自动版式来正确完成这项工作?如果是,请问如何? 2 - 是否可以为 iPhone 8 创建视图,为 iPhone 4 等创建视图?
谢谢!
1) 将两列按钮放入 StackView(中间按钮)
2) 将这两个视图放在另一个堆栈视图中以进行水平对齐
3) 将第二个 stackView 置于 x 轴中心
4) 将其附加到顶部,偏移量约为 16 点
5) 将底部按钮放入第三个 stackView
6) 将第三个 stackView 附加到具有左/上偏移量的第二个 stackView
你的工作只是了解并执行 - 它应该有效:)
对于此网格布局使用集合视图更容易,最底部仅使用一个堆栈视图items.and将集合视图和堆栈视图相互绑定。