PTT數位生活區 / MacDev

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

看板MacDev作者 (PainKing0975)時間7年前 (2018/03/09 06:40), 編輯推噓8(8推 0噓 10→)
留言18則, 6人參與, 7年前最新討論串1/1
小弟不才 最近剛踏入 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
推
03/09 07:42, 7年前 , 1F
stackview
03/09 07:42, 1F
推
03/09 07:43, 7年前 , 2F
上面六個分成 3*2的stack view 再跟下面那個合起來
03/09 07:43, 2F
→
03/09 09:58, 7年前 , 3F
我想知道純autolayout的做法，謝謝
03/09 09:58, 3F
推
03/09 10:04, 7年前 , 4F
Masonry +stackView混合使用，假設上方顯示外觀一樣
03/09 10:04, 4F
→
03/09 10:04, 7年前 , 5F
，上方三個視為同一個出現三次，下方一個出現一次。
03/09 10:04, 5F
推
03/09 10:06, 7年前 , 6F
只要做兩個view就不容易跑版了
03/09 10:06, 6F
推
03/09 10:11, 7年前 , 7F
基本上看人思考邏輯，方法有好有壞。
03/09 10:11, 7F
→
03/09 10:13, 7年前 , 8F
至於設定和相依的設定，就是多寫，複雜的盡量先拆成
03/09 10:13, 8F
→
03/09 10:13, 7年前 , 9F
簡單的組合，在整體拼起來。
03/09 10:13, 9F
推
03/09 10:15, 7年前 , 10F
更正：約束和相依設定
03/09 10:15, 10F
推
03/09 11:02, 7年前 , 11F
從最靠近左上角的元件開始設約束，一個一個慢慢來就行
03/09 11:02, 11F
→
03/09 11:02, 7年前 , 12F
了
03/09 11:02, 12F
→
03/09 11:05, 7年前 , 13F
左上角元件設好top跟leading space，其他元件跟它排序
03/09 11:05, 13F
→
03/09 11:07, 7年前 , 14F
然後最右上角的元件設好trailing space
03/09 11:07, 14F
→
03/09 11:09, 7年前 , 15F
TextField不要設寬，應該就視畫面縮放不會跑版了
03/09 11:09, 15F
推
03/09 18:55, 7年前 , 16F
你要fit multiple screen size的話 又要元在相同的位置
03/09 18:55, 16F
→
03/09 18:56, 7年前 , 17F
你在設定constraint時 要用multiple去算比例 不要用
03/09 18:56, 17F
→
03/09 18:58, 7年前 , 18F
constant 長寬的話有需要 也是用multiplier去設定～
03/09 18:58, 18F
‣ 更多 PainKing0975 的文章
文章代碼(AID): #1QeRlDQc (MacDev)
MacDev 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 PainKing0975 的文章
文章代碼(AID): #1QeRlDQc (MacDev)