「教程乾貨」- 巧騙Sketch,讓按鈕實現自動Padding
01-26
大約需要 1 - 2 分鐘閱讀
在這個栗子里我準備通過Symbol製作一個帶Icon的按鈕,並讓文字+Icon一直保持居中。
一開始當我把Icon放在右邊時,一切都是那麼的和諧,相安無事~
?? 點擊圖片動起來
譯者註:「Container」組可有可無
然後我想把Icon擱左邊試試,並卵。
你會發現,自動Padding的特性,只當Icon在右側時適用!似乎沒什麼道理~
我覺得我快要氣炸了。
突然想到
如果可以欺負Sketch老實,把「Label」組翻轉180°如何呢?(譯者註:用Flip也行,更潤物細無聲~)
?? 點擊圖片動起來
嗯,成功一半了,剩下的就是把文字和Icon翻轉回來對不?(譯者註:此處是翻轉Icon與文字圖層,而非「Label」組)。
?? 點擊圖片動起來
?? 點擊圖片動起來
?? 點擊圖片動起來源文件下載
https://pan.baidu.com/s/1gfPuLXp
軟廣硬發:更多「Sketch中文教程」及「Sketch優質素材」,盡在 Sketch 素材網 ??????原文地址(需梯子):https://medium.com/sketch-app-sources/hacking-the-button-in-sketch-5cbce8526b3f#.2pgu4gx0u
原作者(需梯子):Aleksandr Pasevin
譯者:Sketch 素材網 ?? 關注微博,定時乾貨
各位好久不見,上周忙瘋了。今天先上一篇輕鬆的,從明開始,準備翻一篇狠的,給自己點壓力~祝好!
推薦閱讀:
※「原創教程」- Sketch 從零開始學(一)
※清理 Sketch 歷史文件,釋放 Mac 磁碟空間
※極光日報 第 159 期 | 2017 / 4 / 18
※高能提升你的 Sketch 效率:編輯與導出篇
※不用 Sketch 的產品經理不是好設計師