西西软件园多重安全检测下载网站、值得信赖的软件下载站!
西西首页常用软件软件下载安卓软件游戏下载安卓游戏MAC应用驱动下载安卓电视
系统工具网络工具媒体工具图形图像社交软件杀毒软件办公软件驱动软件学习教育阅读工具其他软件
当前位置:首页MAC软件Mac图形图像 → sketch按钮自动调整插件dynamic button

sketch按钮自动调整插件dynamic button

sketch按钮自动调整插件dynamic button
  • 更新:2019-06-21 17:26
  • 大小:4KB
  • 版本:
  • 语言:中文
  • 类型:Mac图形图像
  • 平台:Mac
本类排行
  • 应用介绍
  • 应用截图
  • 下载地址
  • 网友评论

dynamic button是一款可以帮你自动调整按钮大小的插件,这款插件可以让你不用手动调节padding,不管按钮内的文本有多长,这个小插件都能让文本和按钮保持固定的 padding。

使用说明:

首先按T,创建一个字符图层

然后选中这个图层,按一下 command + J ,可以看到创建了一个按钮

文字图层被重命名为20:20,我们改为5:20

20:20代表padding属性,如果你了解一些CSS知识,这个属性你会很容易接受。

在CSS属性中,padding: 10px 20px; 代表这个元素的上下方向的内边距是10像素,左右边距是20像素,这里的20:20也是这个含义

再次选中文字图层,按下 command + J 会发现按钮的尺寸发生了变化

改变文字的长度,可以看到文字已经超出了按钮形状的区域

选中文字,按下 command + J ,按钮尺寸再次自适应

UI设计的福音有没有!效率提升几倍,而且改变内容还可以保持精确的内边距

下载地址

下载地址

特别说明

同类推荐

发表评论

昵称:
表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲