- 解析PSD文件
- 导出图层png文件
- 生成CocosStudio项目json文件
- python2.7
- 第三方python库:PIL
- output:脚本导出目录,包含导出的图片和json文件。
- psd_tools:用于解析psd的库,github上的源码并略作修改。
- psd2json:json导出脚本;psd2png:图片导出脚本。
- res:用于放置psd资源和对应配置文件。
- template:用于放置生成json所需的CocosStudio组件的模版数据(由psd解析出的组件目前只有Panel、ImageView、Label三种)。
流程概括:
放入psd->配置配置项->执行脚本导出切图->存放切图->执行脚本导出json->导入CocosStudio项目中使用
- 将psd文件放入res目录下,复制一份配置文件(.conf)且命名跟psd名称保持一致,根据个人需求修改配置文件。
- 调用psd2png脚本导出图片:python psd2png.py psdname (参数为psd名称)。将导出的图片放入合适的CocosStudio项目资源位置,并在步骤1的配置文件中修改对应的搜索路径。
- 调用psd2json脚本生成json文件:python psd2json.py psdname (参数为psd名称)。将生成的json文件放入CocosStudio项目json位置。
- 将json配置到CocosStudio项目后即可打开项目看到生成的界面。
- 根据需要调整组件命名和界面相关设置(是否适应分辨率、背景颜色、相对/绝对布局)。
配置文件介绍: 目前配置有CocosStudio的项目资源根路径和资源搜索路径,目的是定位 CocosStudio目录并自动搜索界面所需资源配置到json文件中。资源的搜 索根据路径的配置从上到下依次进行,直到搜索到所需资源。
- 对于可以看作一个整体的对象,注意合并图层为单个图层,且合并特效(比如外发光、阴影...)。
- 图层命名以平时切图格式进行命名,因为脚本会直接使用图层名称作为切图名称(若用到多个相同资源,命名中加空格防止冲突)。
- 因为CocosStudio不支持字体描边编辑,所以需额外告知。
- 因为PS不支持九宫格和数字标签,需额外切图。
- 列表之类的重复资源没必要全部显示出来。
- 保证界面各个状态的资源都在,可以显示一种状态,隐藏其他状态。
- 对于独立的界面,画布大小应与设计分辨率相同(1136*640)。
- 对于可以看作一组的对象,尽量分组,太零散不容易整理。
无