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

Question

例如，我想向堆栈视图添加 3 个按钮。

Button1 为 200 * 200 (1)

Button2 为 150 * 150 (0.75)

Button3 为 100 * 100 (0.5)

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

Answer 1

您可以使用 stackview 在情节提要中执行此操作

1. 添加一个带有Alignment Center和Distribution Fill的 stackview 。
2. stackview 的约束是水平居中和垂直居中。
3. 现在添加三个按钮。
4. button1 的约束是 height 和 width = 200
5. button2 的约束是 height 和 width = 150
6. button3 的约束是 height 和 width = 100

设置如图所示：

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

我们也可以在按钮之间添加间距。如果我们设置Distribution Equal Spacing并将高度约束添加到 stackview 的高度大于按钮的高度。

这是垂直堆栈视图。您可以使用水平堆栈视图进行相同的测试。

希望它对你有用。

Answer 2

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

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