Sketch插件dynamic-button,及bug修复

之前发了蛮多关于Sketch的文章,都是一些介绍资源性的文章,这次推荐一个Sketch的插件dynamic-button。
sketch-dynamic-button在我看来就是一个在Sketch中方便创建一致性按钮的插件。反而dynamic有点词不达意的感觉。

当然网站UI设计/移动APP UI设计中一致性包含很多方面,其中一点就是按钮的尺寸一致性,如下图所示:

按钮尺寸一致性

不管按钮里面的文本多长,其四周的空间都是一致的,在Sketch中手动调整很不方便也不准确,这个插件就是让其自动发生。

使用介绍

这里也简单介绍下插件的使用方法,较为直接的方式是:
  1. 快捷键T,键入按钮文本;
  2. 然后快捷键Cmd + J;
  3. 修改按钮背景样式(下图的BG图层);
  4. 修改文本的padding值(CSS中属性),如下图中0:0:0:0(上:右:下:左)
    插件文本padding值修改
  5. 再按快捷键Cmd + J;
    • 复制按钮后,修改按钮的文本之后,再按下Cmd + J即可。
    • 注:在按Cmd + J之前请退出文本编辑状态。

bug fix

可能是由于Appstore版本或者3.0.2将JSTalk替换为CocoaScript,上述地址的插件在我的Appstore版本不能使用,我fork之后把这个问题修复了下,现在Appstore版本可以正常使用,其他版本的情况不是很清楚:)

原地址:https://github.com/ddwht/sketch-dynamic-button

bug 修复后地址:https://github.com/yijian166/sketch-dynamic-button

Sketch插件按钮说明:http://bohemiancoding.com/sket ... .html

——————
本文原地址:Sketch插件dynamic-button,及bug修复
3 分享
larens jiando AegeanK

要回复文章请先登录注册