Auto Layout 的本質原理
Auto Layout 的本質是用一些約束條件對元素進行約束,從而讓他們顯示在我們想讓他們顯示的地方。
約束主要分為以下幾種(歡迎補充):
- 相對於父 view 的約束。如:距離上邊距 10,左邊距 10。
- 相對於前一個元素的約束。如:距離上一個元素 20,距離左邊的元素 5 等。
- 對齊類約束。如:跟父 view 左對齊,跟上一個元素居中對齊等。
- 相等約束。如:跟父 view 等寬。
三等分設計思路
許多人剛開始接觸 Auto Layout,可能會以為它只能實現上面的1、2功能,其實后面3、4兩個功能才是強大、特別的地方。接下來我們將嘗試設計橫向三等分:
- 第一個元素距離左邊一定距離。
- 最后一個元素距離右邊一定距離。
- 三者高度恆定,寬度相等。(此處我們設置為高度恆定(height 屬性),如果你需要的是固定長寬比,則需要設定 Aspect Ratio 屬性)
- 1和2、2和3的橫向間距固定。