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

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

安裝方法：

選中目標(biāo)圖層

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

使用步驟：

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

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

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

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

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

有時(shí)候，會(huì)遇到一些帶 icon 的 button，想要 icon 與右邊保持一定的邊距。

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

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

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

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

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

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