com.soviby.unity.ui.ugui-to.../README.md
2024-12-10 18:14:38 +08:00

51 lines
2.0 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 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中如何操作
#### 进入预制体场景
点击开启助手,设置如下路径后,点击`开启助手`
1. 目标图片信息文件夹: 填入导出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. 将鼠标光标放入预制体预览框,会自动创建预制体