约束:与顶部中间对齐,并有一个按钮(图像)或更佳的解决方案

时间:2018-08-28 19:31:47

标签: ios swift xcode layout constraints

这是我的应用主屏幕的样子:

iPhone 8

我想为iPhone X设计一个类似的布局。但是对我来说这很困难:(

这是受约束的iPhone X上的主屏幕外观:

iPhone X (my constraints

如您所见,六个按钮的设置非常好,但是标题“ AR Note”并不适合那个...我的解决方案是,iPhone X上的按钮之间要留出更多空间,但不适用于iPhone 8,iPhone 8 Plus,iPhone SE ...

或更简单的(?)版本:将标题向下一点,如下所示:

iPhone X (not working)

哪一个并不完美(不适用于我的约束知识),但看起来比我的实际约束版本更好...

也许有人可以帮助我。

2 个答案:

答案 0 :(得分:0)

我会尝试在“ AR Note”的上方和下方添加视图。并为它们设置相同的高度。而且高度> =0。这可能会有所帮助。

或在视图容器中添加“ AR注意”,将容器固定在superview的顶部,并在按钮的底部。 “ AR注意”垂直居中。

答案 1 :(得分:0)

我建议您尝试UILayoutGuides(这是一篇不错的文章https://useyourloaf.com/blog/goodbye-spacer-views-hello-layout-guides/

这使每个设备的动态元素之间具有相等的间距。

或者,您也可以将按钮和标题放在UIStackView中,然后将该StackView放在ViewController中。