sketch自適應(yīng)按鈕生成插件Compo

Compo插件是一款可以幫你一鍵生成自適應(yīng)按鈕的插件，通過這款插件你只需要輸入一個文本，再 Cmd+J 即可生成自適應(yīng)按鈕，修改為自定義數(shù)值后，再 Cmd+J 一下就是你自定義的按鈕了，特方便！

安裝方法：

選中目標圖層

執(zhí)行 Plugins > Compo > Create Component or Update Selected 或使用快捷鍵 command ⌘ + J

使用步驟：

1. 根據(jù)內(nèi)容自適應(yīng)的 button

新建一個文字圖層，選中后，按下 Command ⌘ + J，Compo 會為你創(chuàng)建一個組件。

更改文字圖層的內(nèi)容，再次按下 Command ⌘ + J，會根據(jù)文字的內(nèi)容進行自適應(yīng)。

在圖層重命名，輸入自己想要的邊距，用冒號分隔，上:右:下:左。再次按下 Command ⌘ + J，會根據(jù)新的間距進行自適應(yīng)。

2. 根據(jù)內(nèi)容自適應(yīng)帶 icon 的 button

有時候，會遇到一些帶 icon 的 button，想要 icon 與右邊保持一定的邊距。

如果想要 icon 距離右邊的邊距是 12，可以選中該 icon 圖層，然后重命名，在后面加上 r:12。

然后再按下 Command ⌘ + J，會根據(jù)文字的內(nèi)容進行自適應(yīng)。

3. 自動調(diào)整與底部邊距的組件

有時候，一些內(nèi)容會和底部保持一定的邊距，但是當你更改了內(nèi)容時，有可能就會超出之前所預(yù)期的邊距。

可以選中該圖層，然后重命名，在后面加上 b:10。

然后再按下 Command ⌘ + J，會根據(jù)內(nèi)容進行自適應(yīng)。