在iOS中以不同方向进行布局

Question

我目前正在编写和iPad应用程序。 我对自动版式还很陌生，我的页面看起来应该很简单，但是我不能使它在纵向和横向都看起来正确。

共有三个部分：顶部是图像，中间是标签和文本字段，底部是按钮。 无论是纵向还是横向，我都需要三个部分来占据大部分垂直空间，并且在这些部分之间要均匀填充。 显然，在横向模式下，填充必须缩小，但是只要它们仍然成比例，就可以了。 请参见下面的图片。

我正在寻找有关如何使用自动布局（或其他任何方法）以实现此目标的建议。

万一很难阅读，箭头出来的词是“相同”。 我只是想指出部分之间的距离是相同的，并且顶部和屏幕顶部之间的距离与底部和屏幕底部之间的距离相同。

Answer 1

有很多方法可以做到这一点。 一种简单的方法是将UIView的Label和Text字段封装到足以将它们包围起来的大小。 给它一个centerY约束，但是调整它的常数以将其从center向上或向下移动到所需位置。 给图像视图的约束到顶部superview ，和button一到的底部superview 。 给所有内容centerX约束。 所有这些都可以在InterfaceBuilder设置。