终身VIP

* 不同类型VIP下载权限亦不同,请注意预览图左上角标注的「QVIP」「SVIP」「VIP」「收费」等标识下载。

* 一旦成功开通VIP会员资格后,均不能以任何理由申请退款,请知悉!请合理使用VIP账号,若转让、转租或分享给第三方使用,系统将永久封号不予解封。

分享
送VIP
  • 投稿就送VIP会员
  • 最高送终身时长
  • 素材无限下超爽体验
  • 成为会赚钱的设计师
  • Sketch一键生成自适应按钮及布局Compo

    更新时间:05-15   软件大小:1 MB   软件由 Alex 上传,软件仅供学习参考

    安装


    • 下载并解压 Compo.zip

    • 双击 Compo.sketchplugin 完成安装


    使用


    • 选中目标图层

    • 执行 Plugins > Compo > Create Component or Update Selected 或使用快捷键 command ⌘ + J


    示例


    在设计流程中通常会设计各式各样按钮且会不同的边距。当按钮内容更改后,不得不手动的去调整边距以适应新内容。Compo 帮你轻松的解决该场景问题,甚至解决更复杂的一些情况、或配合 Symbol 使用


    根据内容自适应的按钮


    • 新建一个文本层并选中,执行 Plugins > Compo > Create Component or Update Selected 或使用快捷键 command ⌘ + J 创建组件

    • 更改文本层内容后再次执行命令即可对新内容自适应大小

    • 对文本层命名,输入目标边距以冒号分隔 上:右:下:左 再次执行命令同样会自适应


    Sketch一键生成自适应按钮及布局CompoSketch一键生成自适应按钮及布局Compo

      

    根据内容自适应带 Icon 的按钮


    当按钮带 Icon 且需要与边保持一定边距,如:需距右边距 12,则可选中该 Icon 层后重命名在名称后加上 r:12(t:上、r:右、b:下、l:左),最后再执行同上命令即可


    Sketch一键生成自适应按钮及布局Compo


    自动边距的组件


    当需要内容与边缘保持一定边距,如:需与底边保持边距,修改内容后超出预期边距,则可选中该图层后重命名在名称后加上 b:10,最后再执行同上命令即可


    Sketch一键生成自适应按钮及布局Compo

    10
    大家都在问

    1、成为VIP后官网所有素材都可以下载吗?

    成为旗舰QVIP后,图翼网(www.tuyiyi.com)官网所有素材都可以无限制下载。

    2、网站素材资源能否直接商用?

    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

    3、提示下载完但解压或打开不了?

    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。

    4、找不到素材资源介绍文章里的示例图片?

    对于PPT,KEY,APP,网页模版等类型的素材,文章内用于介绍的图片,人像,字体等素材通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买。

    标签:sketch插件
    图翼网微信公众号:tuyiyicom
    图翼网在线客服QQ:1003030973
    图翼网站导航