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

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

使用說明：

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

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

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

20:20代表padding屬性，如果你了解一些CSS知識(shí)，這個(gè)屬性你會(huì)很容易接受。

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

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

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

選中文字，按下 command + J ，按鈕尺寸再次自適應(yīng)

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