sketch自適應按鈕生成插件Compo

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

安裝方法：

選中目標圖層

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

使用步驟：

1. 根據(jù)內容自適應的 button

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

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

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

2. 根據(jù)內容自適應帶 icon 的 button

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

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

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

3. 自動調整與底部邊距的組件

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

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

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