对齐故事板中的元素。限制较小屏幕的尺寸

时间:2016-01-03 13:20:33

标签: ios xcode storyboard autolayout

我遇到了autolayout的问题。我正在尝试为iPhone 3.5英寸,4英寸和4.7英寸调整UILabel和UIButton元素。

当我删除所有约束时,它在4.7英寸上正确显示,但随后在4英寸和3.5英寸上,元素到达边缘。

有没有办法在主视图上添加填充等内容,这样可以限制视图中的所有元素?

这是一张图片,可以更好地解释我所面临的问题。 enter image description here

谢谢!

2 个答案:

答案 0 :(得分:2)

转到每个元素并添加以下约束,如屏幕截图所示。

这里的主要想法是为屏幕上的每个项目添加尾随和前导空间,这样它将为每个屏幕屏幕尺寸保留那么多的前导和尾随空间,并且不会达到任何屏幕尺寸的边缘。

.on

答案 1 :(得分:1)

使用自动布局。在界面构建器的右下角,有4个按钮。单击第三个(从左侧开始计数)。在对话框的顶部,单击约束的文本框,然后单击“使用画布值”。应该出现一些值。添加四个方面。

视图现在应该保持在屏幕的边缘。您可能需要设置一些文本换行或缩小选项,以使文本变得更小以适应屏幕。

截图即将推出... 在这里承诺。只需添加约束,然后单击底部的“添加(4)约束”。 Using Autolayout