C1 Ugui拼接助手

简介

该工具主要作用是优化工作流，提高重复劳动的工作效率，以下是当前版本已经实现的功能：

1. psd 导出自动切图，并处理九宫格
2. unity拼接时，对psd上所标记的像素图层进行吸附，设置位置和旋转、缩放
3. unity拼接时，对psd上所标记的文本图层进行吸附，设置位置和旋转、缩放，并设置字体、字体大小、字体颜色、描边等
4. (未实现) unity拼接时，对公共组件预制体进行设置位置和旋转、缩放

工作流

如何操作

psd数据导出

对图层名使用关键字标记

1. $<图层名> : 图片切图导出 例如：$img_tools
2. %<图层名> : 图片吸附用 例如：%img_tools
3. %<文本图层名> : 文本吸附用 例如：%text_tools
4. <图层名>@九宫格 : 九宫格切图 例如：$img_tools@九宫格
5. <图层名>@透明度=100 : 透明度属性 例如：$img_tools@透明度=50
6. <图层名>@预制体=<资源唯一名称> ： 引用通用组件预制体 例如：领取龙币@预制体=btn_common_yellow_large

导出数据

psd文件名不支持中文

运行指定脚本进行导出

选中项目中脚本 client\PackagesSource\com.txcombo.c1.ugui-toolkit\.PhotoshopScript\JSZXPsd2Unity\PSD导出Unity.js 执行完毕后会自动弹出目录

unity中如何操作

上述yueka_output为最终进入项目的切图，可自行根据分类放入 client\Assets\res\ui\atlas

进入预制体场景

点击开启助手，设置如下路径后，点击开启助手

1. 项目内导出图片文件夹：填入项目内该功能的切图目录
2. 目标图片信息文件夹: 填入导出psd数据的 yueka.layout.txt

如何吸附

图片

文本

预制体 (未实现)

1. 取消节点选中后，会显示界面所有可供创建的预制体预览
2. 将鼠标光标放入预制体预览框，会自动创建预制体