sketch自适应按钮生成插件Compo(按钮插件平台)是一个插件,它可以帮助您通过单击创建一个自适应按钮。更多自适应按钮,就下载sketch自适应按钮生成插件Compo。通过这个插件,您只需要输入一个文本,然后Cmd+J就可以生成一个自适应按钮。将其更改为自定义值后,Cmd+J是自定义按钮。非常方便!
创建新的文本层。选中后,按Command+J,compo将为您创建一个组件。
更改文本层的内容并再次按Command+J将适应文本的内容。
重命名图层,输入所需的边距,用冒号分隔,上:右:下:左。再按一下command+j,它就会适应新的间距。
2。基于内容的带有图标的自适应按钮
有时,您会遇到带有图标的按钮,并希望图标保持一定的右边距。
如果您希望图标在右侧为12,则可以选择图标层,重命名它,并向其添加r:12。
然后按command+j,这将适应文本的内容。
3。自动调整下边距的组件
有时,有些内容会在底部保留一定的空白,但当您更改内容时,可能会超出预期的空白。
您可以选择层,重命名它,然后向它添加b:10。
然后按command+j,这将适应内容。
安装方法
执行插件>compo>创建组件或更新所选组件或使用快捷命令+j使用步骤
1。基于内容的自适应按钮创建新的文本层。选中后,按Command+J,compo将为您创建一个组件。
更改文本层的内容并再次按Command+J将适应文本的内容。
重命名图层,输入所需的边距,用冒号分隔,上:右:下:左。再按一下command+j,它就会适应新的间距。
2。基于内容的带有图标的自适应按钮
有时,您会遇到带有图标的按钮,并希望图标保持一定的右边距。
如果您希望图标在右侧为12,则可以选择图标层,重命名它,并向其添加r:12。
然后按command+j,这将适应文本的内容。
3。自动调整下边距的组件
有时,有些内容会在底部保留一定的空白,但当您更改内容时,可能会超出预期的空白。
您可以选择层,重命名它,然后向它添加b:10。
然后按command+j,这将适应内容。