如何在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属性存在冲突，在您的情况下它会填充。 make是中心，完成了。

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

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

希望它对你有用。

Answer 2

对于那些正在寻找 UIView ，Here it is,

解决方案的人

UIStackView 可以确保其排列的子视图随布局的增长和缩小而彼此之间保持相同的比例。 。但是，与其他分发选项不同，成比例的视图必须具有 intrinsic content size。