ios - iOS 中不同方向的布局

Question

我目前正在编写 iPad 应用程序。我是自动布局的新手，我的页面看起来应该是一个非常简单的页面，但我无法让它在纵向和横向方向上看起来都正确。

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

我正在寻找一些关于如何使用自动布局(或其他任何东西)来实现这一目标的建议。

如果难以阅读，箭头所出的词是“Same”。我只是想说明各部分之间的距离相同，并且顶部和屏幕顶部之间的距离与底部和屏幕底部之间的距离相同。

Answer 1

有很多方法可以实现这一点。一种简单的方法是将 Label 和 Text 字段包含在 UIView 中，大小刚好足以包含它们。给它一个 centerY 约束，但调整它的常量以将它从 center 向上或向下移动到你想要的位置。将 ImageView 约束到 superview 的顶部，将 button 约束到 superview 的底部。给所有内容一个 centerX 约束。这都可以在 InterfaceBuilder 中设置。