界面中的按钮大小不一,文字长度也不同,一直苦恼在sketch中改变文字长度后如何更快捷地调整按钮大小,早先使用Auto Layout曲线救国,但是效果并不好。直至发现paddy这个新的插件。
Paddy是一款发布不久的sketch插件,旨在自动为sketch的图层之间调整设定好的边距、还可以用于图层对齐。
• 创建纯文字的按钮
选中文字和按钮图层并建立组,点击paddy插件后会弹出输入框修改padding,10表示上下内边距,20表示左右内边距;还可以输入n n n n,即分别设置上 右 下 左(逆时针方向)的内边距。之后可以直接修改图层名称里的数字来调整padding。
拓展阅读:CSS内边距
• 创建图标+文字的按钮
-需要为图标和文字设置你需要的Resizing
拓展 配合sketch的Nested Symbol(嵌套Symbol)可以更加高效地创建不同形状、状态的按钮。
下载地址:Automated padding, spacing and alignment for your Sketch layers