「教程乾貨」- 巧騙Sketch，讓按鈕實現自動Padding

大約需要 1 - 2 分鐘閱讀

在這個栗子里我準備通過Symbol製作一個帶Icon的按鈕，並讓文字+Icon一直保持居中。

一開始當我把Icon放在右邊時，一切都是那麼的和諧，相安無事~

?? 點擊圖片動起來

譯者註：「Container」組可有可無

然後我想把Icon擱左邊試試，並卵。

你會發現，自動Padding的特性，只當Icon在右側時適用！似乎沒什麼道理~

我覺得我快要氣炸了。

突然想到

如果可以欺負Sketch老實，把「Label」組翻轉180°如何呢？（譯者註：用Flip也行，更潤物細無聲~）

?? 點擊圖片動起來

嗯，成功一半了，剩下的就是把文字和Icon翻轉回來對不？（譯者註：此處是翻轉Icon與文字圖層，而非「Label」組）。

?? 點擊圖片動起來

?? 點擊圖片動起來

源文件下載

https://pan.baidu.com/s/1gfPuLXp

原文地址（需梯子）：https://medium.com/sketch-app-sources/hacking-the-button-in-sketch-5cbce8526b3f#.2pgu4gx0u

原作者（需梯子）：Aleksandr Pasevin

譯者：Sketch 素材網 ?? 關注微博，定時乾貨

各位好久不見，上周忙瘋了。今天先上一篇輕鬆的，從明開始，準備翻一篇狠的，給自己點壓力~祝好！

推薦閱讀：