#1 Auto Layout ｜Figma 設計圖練習
Published in
Oct 18, 2022
上課時，Peter説Auto Layout跟會不會寫程式沒有關係，就算程式還不熟悉，這裡也可能學得不錯，因此決定將第一篇文章獻給Auto Layout，給自己一點信心！ 但沒想到實作時，其實需要注意的地方比想像中還多！！！
學習目標
- Add New Constraints 設定上下左右間距、長寬尺寸、等寬等高、長寬比
- Align對齊元件
- 元件拉線設間距（按住 option的差別）
- 點選物件 > Show the Size inspector > constraints，可以看到每個元件的設定條件，並且可做修改
- Auto Layout公式: First Item = or ≤ or ≥ Second Item * Multiplier + Constant
遇到的困難
不知道為什麼有些機型的模擬器跑起來版面會跑掉，目前主要是螢幕尺寸較小的機型，還需要再研究研究🥹
GitHub
Reference
