特定布局的Xcode约束

时间:2013-08-23 08:38:56

标签: ios xcode interface-builder constraints autolayout

我正在尝试使用约束在Interface Build中获取特定布局,但无法找出我需要的约束。我将尝试演示使用图表后的内容。我有一个带有背景图像的标题,然后在其中放置了两个按钮。在iPhone 5上,我将标题切换为较大的标题,这会导致标题增长到正确的大小,但是我无法弄清楚我需要在按钮上设置哪些约束来让它们与我的空间分开想要(见iPhone 5图)

在iPhone 4上

-------------------------
|Button 1               | <- Header
|Button 2               |
-------------------------

在iPhone 5上(需要弄清楚限制才能实现这一点)

-------------------------
|Button 1               |
|                       |
|Button 2               |
|                       |
|-----------------------|

我希望按钮2位于按钮1底部和标题视图底部之间的空间中。我也喜欢(虽然不是非常重要)将Button 1略微移动到标题的顶部。任何人都可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

在UIView包装器中包装button2。将按钮2放在此包装器的垂直中心。

包装器应该占用视图的剩余空间。将包装器的顶部边缘连接到button1的底部边缘。将包装器的底部边缘连接到superview的底部边缘。

enter image description here

etvoilà:

enter image description here

现在你只需要更改包装器的backgroundColor。

要向下移动button1,您必须进入代码。将定义button1上边缘的约束连接到IBOutlet,以便您可以将约束更改为视图高度的倍数。