我正在尝试分发一些嵌套的堆栈视图,我想我错过了一个属性来帮助我按照我想要的方式对齐各种视图.
这是当前的输出：
这个问题是,添加到每个列(堆栈视图)的两个排列的子视图是分布的,以便第一个子视图与顶部对齐,第二个子视图与底部对齐(在它们之间留下可变空间) .
但这就是我所希望的 – 在每列的第一个和第二个排列的子视图之间总是一个固定的空间(比如说10像素),而第二个排列的子视图下面的额外空间只是它需要的东西.
视图安排如下：
outerStackView =绿色视图:(顶部20px,左侧64px,底部20px,
右侧64px – 显示在两个屏幕截图中,但仅在顶部显示中突出显示)具有属性：
outerStackView.axis = .Horizontal outerStackView.distribution = .FillEqually outerStackView.spacing = 10
leftStackView,middleStackView,rightStackView添加到outerStackView中的每个属性：
columnStackView.axis = .Vertical columnStackView.distribution = .Fill columnStackView.alignment = UIStackViewAlignment.Top columnStackView.spacing = 10
然后每列中有2个stackViews,由红色和蓝色框周围的深灰色框表示.有财产：
redBlueStackView.axis = .Horizontal redBlueStackView.distribution = .FillProportionally redBlueStackView.alignment = UIStackViewAlignment.Top redBlueStackView.spacing = 4
