iOS - 如何使用AutoLayout垂直排列多个组件？

Question

我设计了如下图所示的屏幕

我解决了这个方法.. 设置RedView的Y位置， 设置GreenView的垂直间距， 设置BlueView的垂直间距... 但这种方法似乎效率低下。

需要帮助才能完成以下任务。

1. 组件应始终根据中心堆叠，无论数量如何。 （因为组件的数量可以根据客户的要求而改变。）
2. 组件有各种高度。

有好办法吗？

Answer 1

使用Stack View Buddy ..它会让你的生活更轻松..

  

这会让你知道如何使用它们

https://www.raywenderlich.com/114552/uistackview-tutorial-introducing-stack-views

  

另请参阅API参考..这将有所帮助

https://developer.apple.com/reference/uikit/uistackview

他们会自动调整项目大小或更改屏幕方向。

Answer 2

您需要从对象库中拖动组件并将它们垂直放入视图中。然后选择所有组件并使用命令垂直堆叠它们：编辑器 - ＆gt;嵌入 - ＆gt;堆栈视图或单击对齐图标旁边屏幕底部的堆栈视图图标。

然后在视图中垂直和水平居中堆叠视图。

堆栈视图有许多选项，允许您在堆栈视图中分发组件：使用属性检查器中的对齐和分布选项来实现正确定位。

有关更高级的提示，请阅读上面的Umer Farooq建议的关于raywenderlich的autolayout和堆栈视图。