如何在iOS中使用4按钮设置约束?

时间:2018-03-05 02:39:45

标签: ios swift xcode ios-autolayout

我在视图中有4个按钮,并希望每个按钮之间的每个空间都适用于屏幕iPhone。 任何人都可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

您想要使用UIStackView

第1步:

拖出一个按钮,根据需要设置样式,再制作3个副本。

第2步:

将它们粗略地拖动到您想要的位置。我假设您需要2行2个按钮。

第3步:

突出显示前两个按钮并单击"嵌入堆栈"屏幕底部的按钮(向下箭头一个)。

enter image description here

对底部两个按钮执行相同操作。此时,您应该有两个水平堆栈。在堆栈之间设置所需的间距,并将分配设置为"同等填充"在"属性检查员"。

enter image description here

第4步: 突出显示顶部和底部堆栈,然后单击"嵌入堆栈"。所以现在你已经获得了一叠水平堆栈视图。在堆栈之间设置所需的间距,并将分配设置为"同等填充"在"属性检查员"。

enter image description here

第5步: 突出显示您的stackview并单击"添加新约束" Interface Builder底部的按钮。 (方形战斗机的东西)。您可以对顶部,右侧,底部,左侧执行0,0,0,0,并对边距进行约束检查。

enter image description here

那就是它。在这里a link to a repo我吐了。

当你完成后,它会看起来像这样:

<强>人像:

enter image description here

<强>风景:

enter image description here