[問題] AutoLayout 該如何學習才能快速上手？

[PainKing0975 (PainKing0975)]

小弟不才

最近剛踏入 IOS 開發的領域不久

我發現我對於 AutoLayout 實在很不熟

有買了幾本書藉 但書中排版都很簡單 所以我是看得懂

一旦自己想要作複雜一些些的版面時 就會不知道怎麼下手 不然就是一直跑版

假設我有很多個元件 以下我舉個例子 想知道各位大大怎麼思考 AutoLayout 的

圖隨意畫畫請見諒

https://i.imgur.com/Q9zLZ88.png

左邊三個是 Label 右邊上三個是 TextField 右邊最下面是 Button

我知道這不難，但對於沒基礎的我還是想要了解大大的思考邏輯

謝謝各位～

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.161.191.227
※ 文章網址: https://www.ptt.cc/bbs/MacDev/M.1520548813.A.6A6.html
推 rollr: stackview
推 RINPE: 上面六個分成 3*2的stack view 再跟下面那個合起來
→ PainKing0975: 我想知道純autolayout的做法，謝謝
推 lovez04wj06: Masonry +stackView混合使用，假設上方顯示外觀一樣
→ lovez04wj06: ，上方三個視為同一個出現三次，下方一個出現一次。
推 lovez04wj06: 只要做兩個view就不容易跑版了
推 lovez04wj06: 基本上看人思考邏輯，方法有好有壞。
→ lovez04wj06: 至於設定和相依的設定，就是多寫，複雜的盡量先拆成
→ lovez04wj06: 簡單的組合，在整體拼起來。
推 lovez04wj06: 更正：約束和相依設定
推 oyaji5566: 從最靠近左上角的元件開始設約束，一個一個慢慢來就行
→ oyaji5566: 了
→ oyaji5566: 左上角元件設好top跟leading space，其他元件跟它排序
→ oyaji5566: 然後最右上角的元件設好trailing space
→ oyaji5566: TextField不要設寬，應該就視畫面縮放不會跑版了
推 gundam00: 你要fit multiple screen size的話 又要元在相同的位置
→ gundam00: 你在設定constraint時 要用multiple去算比例 不要用
→ gundam00: constant 長寬的話有需要 也是用multiplier去設定～