# C1 Ugui拼接助手

## 简介
> 该工具主要作用是优化工作流，提高重复劳动的工作效率，以下是当前版本已经实现的功能：
> 1. psd 导出自动切图，并处理九宫格
> 2. unity拼接时，对psd上所标记的像素图层进行吸附，设置位置和旋转、缩放
> 3. unity拼接时，对psd上所标记的文本图层进行吸附，设置位置和旋转、缩放，并设置字体、字体大小、字体颜色、描边等
> 4. (未实现) unity拼接时，对公共组件预制体进行设置位置和旋转、缩放

## 工作流
![](./.res/流程图.png)
## 如何操作
### psd数据导出
#### 对图层名使用关键字标记
1. `$<图层名>` : 图片切图导出  例如：$img_tools
2. `%<图层名>` : 图片吸附用  例如：%img_tools
3. `%<文本图层名>` : 文本吸附用  例如：%text_tools
4. `<图层名>@九宫格` : 九宫格切图   例如：$img_tools@九宫格
4. `<图层名>@透明度=100` : 透明度属性  例如：$img_tools@透明度=50
5. `<图层名>@预制体=<资源唯一名称>` ： 引用通用组件预制体   例如：领取龙币@预制体=btn_common_yellow_large

#### 导出数据
> psd文件名不支持中文

运行指定脚本进行导出
![](./.res/ps导出入口.png)

选中项目中脚本
`client\PackagesSource\com.txcombo.c1.ugui-toolkit\.PhotoshopScript\JSZXPsd2Unity\PSD导出Unity.js`
执行完毕后会自动弹出目录
![](./.res/弹出目录.png)

### unity中如何操作

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

#### 进入预制体场景
点击开启助手，设置如下路径后，点击`开启助手`

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

![img](F:\c1workspace\svn\__workspace__dev__\client\PackagesSource\com.txcombo.c1.ugui-toolkit\.res\开启助手.png)

#### 如何吸附
##### 图片

![](./.res/吸附展示.gif)
##### 文本
![](./.res/创建text.png)
![](./.res/创建text后的结果.png)
##### 预制体 (未实现)
1. 取消节点选中后，会显示界面所有可供创建的预制体预览
2. 将鼠标光标放入预制体预览框，会自动创建预制体