iOS - 如何使用AutoLayout垂直排列多個組件？

Question

我有設計類似下面的圖像

我解決了這個方法RedView的.. 組Y位置， 設置綠景的垂直間距， 設置藍景... 的垂直間距屏幕，但這種方法似乎效率低下。

需要幫助來實現以下任務。

1. 組件總是應該根據中心進行堆疊，而不管數量。 （因爲組件的數量可以根據客戶的需求而改變）。
2. 組件具有不同的高度。

有沒有好的方法？

Answer 1

使用堆棧查看好友。它將使你的生活輕鬆了許多..

這將會給你一個想法如何使用它們

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

而且請通過API參考..它將有幫助

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

他們會自動調整自己對變更項目大小或屏幕方向改變..

Answer 2

你需要從對象庫拖到您的組件並把它們垂直放入您的視圖。然後選擇所有組件並垂直堆疊，使用命令：編輯器 - >嵌入 - >堆棧視圖或單擊對齊圖標旁邊屏幕底部的堆棧視圖圖標。

然後在視圖中垂直和水平居中堆疊視圖。

堆棧視圖有許多選項，允許您在堆棧視圖中分發組件：在屬性檢查器中使用對齊和分配選項以實現正確定位。

對於更高級的技巧，閱讀上面Umer Farooq建議的有關raywenderlich的自動佈局和堆棧視圖。