Autolayout网格按钮恒定间距

时间:2017-10-03 16:11:03

标签: ios iphone autolayout xcode9

Autolayout是一个完全神秘的事物。

所以,我在界面构建器中创建了这个视图。 the view in the interface builder

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

如果我尝试这个观点,那么这里发生了什么。 iPhone 8 plus, everything is fine 在iPhone 8 plus上,一切都很好。 But on smaller screens, it's messy 但在较小的屏幕上,它是凌乱的

你可以想象,我希望这个网格保持对齐,但要整理自己,以便适合任何屏幕尺寸。 我尝试了自动布局几个小时,我可以得到的是一个混乱的地狱。

两个问题: 1 - 有没有办法设置自动布局来完成这项工作?如果是,请,怎么样? 2 - 是否可以为iPhone 8创建视图,iPhone 4的视图等?

谢谢!

2 个答案:

答案 0 :(得分:2)

它更容易使用此网格布局的集合视图,并且对最底层的项目只使用一个堆栈视图。并将集合视图和stackview相互绑定。

答案 1 :(得分:1)

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

enter image description here

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

3)将第二个stackView放在x轴中心

4)将其连接到顶部,偏移约16点

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

6)将第三个stackView连接到具有左/上偏移的第二个

你的工作只是理解这一点并且做 - 它应该有效:)