iOS中不同方向的布局

时间:2014-02-06 23:44:27

标签: ios ipad autolayout landscape-portrait

我目前正在编写和iPad应用程序。我对Auto Layout很新,我觉得应该是一个非常直接的页面,但我无法让它在纵向和横向都看起来正确。

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

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

如果难以阅读,箭头出来的单词是“相同”。我只是想指出各部分之间的距离是相同的,并且顶部和屏幕顶部之间的距离与底部和屏幕底部之间的距离相同。

enter image description here

1 个答案:

答案 0 :(得分:1)

有很多方法可以实现这一目标。一种简单的方法是将LabelText字段括在UIView中,其大小足以包围它们。给它centerY约束,但调整其常量可将其从center向上或向下移动到您想要的位置。为图像视图提供superview顶部的约束,以及button底部的superview约束。给所有内容centerX约束。这可以在InterfaceBuilder中设置。