iOS 9自动布局和视图控制器;知道如何正确的约束

时间:2016-08-26 18:25:48

标签: ios xcode autolayout constraints

我正在尝试了解自动布局的基础知识,并一直试图学习无济于事。在我下面的图像中,我没有设置约束,因为我总是没有正确地做到这一点。

对于四个方块和按钮,我只是希望它们适当地显示所有大小的类,我无法得到它们。我总是设置左方块/按钮的前导约束和右方块/按钮的尾随约束(均为主视图控制器)。我在正方形/按钮之间放置水平间距和垂直间距,并在底部/顶部正方形/按钮上放置底部/顶部间距到底部/顶部布局指南。

Screenshot http://i65.tinypic.com/2mea6xf.jpg

1 个答案:

答案 0 :(得分:1)

首先选择你的尺寸等级,例如w:compact h:regular而不是其他所有东西。 您可以使用堆栈视图执行此操作。这很简单,只需选择两个蓝色视图(选择一个然后按住shift并选择第二个),然后单击堆栈图标:

enter image description here

然后设置堆栈分布以平均填充:

enter image description here

并将间距设置为例如8。:

enter image description here

将堆栈视图的约束设置为从左边开始为0,从右边设置为0并复制和粘贴。它看起来像这样:

enter image description here

然后两个堆栈视图放入堆栈视图:

enter image description here

并在主堆栈视图中将间距设置为8。 最后将20从底部约束设置为主堆栈视图。 您可以使用相同的方式按钮。之后,您可以简单地将尺寸类设置为所有iPhone横向(任何,紧凑)并再次执行相同的操作。

如果你什么都不懂,那就问我:)。