「教程乾貨」- 我敢打賭你不知道Sketch 39的響應式新玩法 - 響應式系列二

大概需要 2 - 4 分鐘閱讀

在Sketch 39中，增加了針對「組」和「Symbols」的響應式的能力，雖然談不上Sketch搖身一變徹底自動化響應式了，但這次新加的4項功能已經相當強大了！特別是它還隱藏了一些牛B屬性~

從39版本發布視頻來看，有必要對「響應式」的新功能單拎出來說一下。

視頻地址：https://www.youtube.com/watch?v=p5-dcL9QzUk

進入正題

1 - Stretch（拉伸）

• 這是默認選項，也符合通常我們調整大小時的心理預期。

• 其實它是根據百分比調整圖層的大小。 如果圖層佔用了組寬度的50％，則圖層會根據組的尺寸改變而改變。

2 - Pin to Corner（固定位置）

• 組內的圖層大小不會改變。

• 圖層會離最近的角保持位置不變。

• 如果圖層同時接近2個角，該功能會使它保持居中。

3 - Resize Object（調整對象）

• 該組動哪條邊，圖層就動哪條邊。

4 - Float in Place（等比浮動）

• 跟CSS里的Float沒有半毛錢關係。

• 圖層大小始終保持不變。

• 圖層將根據百分比重新定位。 比如，圖層在該組中的x位置為25％，那麼它會一直維持該相對位置，而與組的寬度無關。

• 靠近組邊的圖層會一直待在組邊。

• 懸停功能會將圖層定位到大概正確的位置，如果當準確性特別重要時，建議你還是手動檢查一下間距。

小提示

• 我強烈建議打開「調整大小時像素對齊」功能（Pixel fit when resizing layers）。

• 「Pin to Corner」和「Float in Place」都會使圖層居中。如果只讓圖層在一個軸上保持居中，它倆的唯一區別是，「Pin to Corner」會讓圖層在組內的某個角上保持不動，而「Float in Place」會更改圖層的位置，因為該屬性用的是百分比定位。

• 如果你是以2個軸為中心，最好還是使用「Float in Place」比較准~

• 請注意，調整大小規則被認為是圖層核心屬性的一部分，而不是樣式屬性，所以會從共享樣式中排除。也就是說你拷貝圖層屬性的時候不會把上述4個屬性帶上。

• 針對上述4各屬性的快捷鍵分別是ctrl 1、ctrl 2、ctrl 3、ctrl 4，注意不是cmd啊。

• 根據目前的情況，我不太建議在遮罩組裡用上述4個屬性，如果將來能用的話肯定很贊，希望Sketch可以加上。

原文地址（需要梯子）：https://medium.com/sketch-app-sources/sketch-39-resizing-cheat-sheet-feec0450e7e2#.2adpvy274

原作者（需要梯子）：Peter Nowell

譯者：Sketch 素材網

軟廣硬發：更多「Sketch中文教程」及「Sketch優質素材」，盡在 Sketch 素材網 ??????

推薦閱讀：