如何在UIStackView中具有多个子视图的宽度和高度

Question

比方说，我想在堆栈视图中添加3个按钮。

Button1是200 * 200（1）

Button2是150 * 150（0.75）

Button3是100 * 100（0.5）

如何在界面构建器中完成此操作？

Answer 1

您可以使用stackview在故事板中完成此操作

1. 添加具有对齐中心和分布填充的堆栈视图。
2. stackview上的约束是水平居中，垂直居中。
3. 现在添加三个按钮。
4. button1上的约束是高度和宽度= 200
5. button2上的约束是高度和宽度= 150
6. button3上的约束是高度和宽度= 100

设置如图所示：

由于Alignment属性，您遇到了冲突，在您的情况下它会填充。 制造是中心和完成。

我们还可以在按钮之间添加间距。 如果我们设置分布均衡间距并将高度约束添加到stackview，其高度超过按钮的高度。

这是垂直stackview。 您可以使用水平stackview测试相同的内容。

希望它能为你效劳。

Answer 2

对于那些正在寻找UIView解决方案的人来说， 在这里，

随着布局的增长和缩小 ， UIStackView可确保其排列的子视图保持相同的比例 。 但是，与其他分发选项不同， 比例视图必须具有 固有内容大小 。