android/ios 开发切图神器 cutandslice

在多端开发时切图是个很痛苦的事,如果有一个很好的工具必将解决掉很多很繁琐的工作。
最近试用了一款软件「 cutandslice 」,觉得不错,推荐给大家。
官网: http://www.cutandslice.me/
作者从简介上来看是一名 ue 设计师。

用了之后你会发现其实开发的原理不难:
用了很多 PS 里自己的「宏」来解决问题,程序只处理了规则( rule )。

这个思路很赞。

'cutandslice'

cutandslice 能解决你下面的问题:

  • 解决 ios 的 @2x.png 的分辩率问题
  • 解决 android 的多分辩率的问题
  • 解决 web 下也需要导出图片的问题
  • 自动切图 - 注意是切图,不是生成 html ,只是根据一些简单规则自动切好图放到相应的文件夹里。

它的规则也非常简单,只有 3 条:

  1. 要输出图的单位以图层文件夹 ( 组 ) 为单位, 文件夹命名末尾加「@」为结束符。并且,自动切除边界外透明的像素。
  2. 以「#」名字命名的图层可以认为是选择图片输出的边界。
    如:输出背景图可将图层组命名为「 bg@」,组里有两个图层:
    • 1 是大背景图片;
    • 2 是横向 1 个像素形状图层,并且此图层命名为「#」。
  3. button 是一种特殊的组。以「_BTN 」结尾认为是按钮,有多种状态支持:
    • normal
    • hover
    • clicked / pressed
    • selected
    • disabled

输出图片时也会自动按按钮状态 「 btn_xxx_normal 」和「 btn_xxx_hover 」来命名,非常方便。

要看更详细的使用说明,可移步:
http://www.zcool.com.cn/article/ZNDYzODA=.html

-- EOF --

Comments