如何使用 UIStackview 实现这个视图?

How to achieve this view using UIStackview?

我想用 UIStackview 制作下面的 UI。我在使用 UIStackViews.

时面临的问题甚至 space

您是否有理由不将元素固定到彼此及其父视图?在这种情况下,UIStackView 不是我的第一选择。

通过stackview,几乎一切皆有可能。如果您想要不均匀的尺寸或 spaces - 可以将分布 fill-proportional 或对齐设置为 center 并应用单一约束 - 对于 space,对于高度或宽度。

重点是使用 stackview 我们做事的约束最少。

下面的 UI 有 11 个约束,其中 4 个用于堆栈视图的位置和大小。

我的结果是: 对于大多数设计,使用 stackview 我们不需要对内部元素应用约束。但是对于像这样的某些情况,我们仍然可以使用 stackview 并通过使用非常少量的约束来获得好处。在使用 stackview 时,我们仍然拥有自动布局的所有功能。