sketch按鈕自動調(diào)整插件dynamic button

dynamic button是一款可以幫你自動調(diào)整按鈕大小的插件，這款插件可以讓你不用手動調(diào)節(jié)padding，不管按鈕內(nèi)的文本有多長，這個小插件都能讓文本和按鈕保持固定的 padding。

使用說明：

首先按T，創(chuàng)建一個字符圖層

然后選中這個圖層，按一下 command + J ，可以看到創(chuàng)建了一個按鈕

文字圖層被重命名為20:20，我們改為5:20

20:20代表padding屬性，如果你了解一些CSS知識，這個屬性你會很容易接受。

在CSS屬性中，padding: 10px 20px; 代表這個元素的上下方向的內(nèi)邊距是10像素，左右邊距是20像素，這里的20:20也是這個含義

再次選中文字圖層，按下 command + J 會發(fā)現(xiàn)按鈕的尺寸發(fā)生了變化

改變文字的長度，可以看到文字已經(jīng)超出了按鈕形狀的區(qū)域

選中文字，按下 command + J ，按鈕尺寸再次自適應

UI設計的福音有沒有！效率提升幾倍，而且改變內(nèi)容還可以保持精確的內(nèi)邊距