作者PainKing0975 (PainKing0975)
看板MacDev
標題[問題] AutoLayout 該如何學習才能快速上手？
時間Fri Mar 9 06:40:10 2018
小弟不才
最近剛踏入 IOS 開發的領域不久
我發現我對於 AutoLayout 實在很不熟
有買了幾本書藉 但書中排版都很簡單 所以我是看得懂
一旦自己想要作複雜一些些的版面時 就會不知道怎麼下手 不然就是一直跑版
假設我有很多個元件 以下我舉個例子 想知道各位大大怎麼思考 AutoLayout 的
圖隨意畫畫請見諒
https://i.imgur.com/Q9zLZ88.png
左邊三個是 Label 右邊上三個是 TextField 右邊最下面是 Button
我知道這不難，但對於沒基礎的我還是想要了解大大的思考邏輯
謝謝各位～
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.161.191.227
※ 文章網址: https://webptt.com/m.aspx?n=bbs/MacDev/M.1520548813.A.6A6.html
1F：推 rollr: stackview 03/09 07:42
2F：推 RINPE: 上面六個分成 3*2的stack view 再跟下面那個合起來 03/09 07:43
3F：→ PainKing0975: 我想知道純autolayout的做法，謝謝 03/09 09:58
4F：推 lovez04wj06: Masonry +stackView混合使用，假設上方顯示外觀一樣 03/09 10:04
5F：→ lovez04wj06: ，上方三個視為同一個出現三次，下方一個出現一次。 03/09 10:04
6F：推 lovez04wj06: 只要做兩個view就不容易跑版了 03/09 10:06
7F：推 lovez04wj06: 基本上看人思考邏輯，方法有好有壞。 03/09 10:11
8F：→ lovez04wj06: 至於設定和相依的設定，就是多寫，複雜的盡量先拆成 03/09 10:13
9F：→ lovez04wj06: 簡單的組合，在整體拼起來。 03/09 10:13
10F：推 lovez04wj06: 更正：約束和相依設定 03/09 10:15
11F：推 oyaji5566: 從最靠近左上角的元件開始設約束，一個一個慢慢來就行 03/09 11:02
12F：→ oyaji5566: 了 03/09 11:02
13F：→ oyaji5566: 左上角元件設好top跟leading space，其他元件跟它排序 03/09 11:05
14F：→ oyaji5566: 然後最右上角的元件設好trailing space 03/09 11:07
15F：→ oyaji5566: TextField不要設寬，應該就視畫面縮放不會跑版了 03/09 11:09
16F：推 gundam00: 你要fit multiple screen size的話 又要元在相同的位置 03/09 18:55
17F：→ gundam00: 你在設定constraint時 要用multiple去算比例 不要用 03/09 18:56
18F：→ gundam00: constant 長寬的話有需要 也是用multiplier去設定～ 03/09 18:58