Frame = <div>
Frame 就類似 HTML 中的 div, 它和形狀 rectangle 特性上蠻相識的, 但是使用場景其實差很多, 所以不要搞錯哦. (除了圖片很少會用到 rectangle 的)
Keyboard F 或者右上角選 Frame 就可以畫出一個 frame 了.
Frame 基本配置
上面是 frame 的全部基本配置. 我們一個一個看.
第 1 個是可以選常用的 frame 尺寸, 比如 iPhone, Android 手機尺寸
第 2, 3 是 width height 對調
第 4 是把 frame 變成一個 wrapper, 修改 frame dimension 依據 wrap 它的內容.
x, y 坐標, 它這個對的點是中心點哦. 0, 0 的時候是在正中間. 一般上很少會手動調這個.
配置 width, height
它有一個小技巧哦, 可以直接寫簡單 formula 比如 197 + 50, 它會算出答案然后賦值.
右邊的 icon 是一個鎖定比例, 開啟之后修改其中一個 dimension, 另一個會依據比例自動一起修改.
第 1 個是 frame 的角度旋轉
第 2 個是調 frame 的圓角 border-radius (4邊)
右邊的小 icon 可以指定每一個角不同的 radius
隱藏/顯示超出 frame 的內容. frame 就像 div 當內容過長的時候可以有 scroll bar 的概念.
