布局按钮时,自动布局是否按预期工作?

时间:2014-12-02 06:15:21

标签: ios iphone xcode ios8 autolayout

我正在 Main.storyboard 中的 XCode 中创建一个场景,用户可以在5个选项中选择(按钮)和当我创建自动布局到水平居中按钮,以及垂直空间它们 5像素分开时:

3.5英寸屏幕上,按钮占据屏幕的

4英寸屏幕上,按钮占据屏幕的 3/4

4.7英寸屏幕上,按钮占据屏幕的一半

发生这种情况是有意义的,但我创建了 @ 3x @ 2x 正常尺寸(1x)图像使用 Prepo

按钮具有自定义背景图片属性

如何在iPhone上显示 4英寸 4.5英寸,甚至 5.5英寸屏幕,以显示 3.5英寸屏幕,按钮占据屏幕的

1 个答案:

答案 0 :(得分:1)

为按钮设置以下约束。

  1. 对于第一个按钮,将顶部空间设置为顶部布局指南(例如20px)。
  2. 最后一个按钮设置恒定底部空间到底部布局指南(比如说20px)。
  3. 为所有按钮设置相同的高度。
  4. 你已经有以下限制。

    1. 水平对齐按钮
    2. 它们之间的垂直间距是5px
    3. 所以现在按钮会调整其高度以占据大部分屏幕空间。 试试这个。