com.soviby.unity.ui.ugui-to.../README.md

51 lines
2.0 KiB
Markdown
Raw Normal View History

2024-12-06 10:46:00 +00:00
# C1 Ugui拼接助手
2024-11-29 10:28:20 +00:00
2024-12-06 10:46:00 +00:00
## 简介
> 该工具主要作用是优化工作流,提高重复劳动的工作效率,以下是当前版本已经实现的功能:
> 1. psd 导出自动切图,并处理九宫格
> 2. unity拼接时对psd上所标记的像素图层进行吸附设置位置和旋转、缩放
> 3. unity拼接时对psd上所标记的文本图层进行吸附设置位置和旋转、缩放并设置字体、字体大小、字体颜色、描边等
2024-12-10 10:14:38 +00:00
> 4. unity拼接时对公共组件预制体进行设置位置和旋转、缩放
2024-12-06 10:46:00 +00:00
## 工作流
![](./.res/流程图.png)
2024-11-29 10:28:20 +00:00
## 如何操作
### psd数据导出
2024-12-06 10:46:00 +00:00
#### 对图层名使用关键字标记
1. `$<图层名>` : 图片切图导出 例如:$img_tools
2. `%<图层名>` : 图片吸附用 例如:%img_tools
3. `%<文本图层名>` : 文本吸附用 例如:%text_tools
4. `<图层名>@九宫格` : 九宫格切图 例如:$img_tools@九宫格
4. `<图层名>@透明度=100` : 透明度属性 例如:$img_tools@透明度=50
5. `<图层名>@预制体=<资源唯一名称>` 引用通用组件预制体 例如:领取龙币@预制体=btn_common_yellow_large
#### 导出数据
2024-12-09 11:18:10 +00:00
> psd文件名不支持中文
2024-12-06 10:46:00 +00:00
运行指定脚本进行导出
![](./.res/ps导出入口.png)
选中项目中脚本
`client\PackagesSource\com.txcombo.c1.ugui-toolkit\.PhotoshopScript\JSZXPsd2Unity\PSD导出Unity.js`
执行完毕后会自动弹出目录
![](./.res/弹出目录.png)
2024-11-29 10:28:20 +00:00
### unity中如何操作
2024-12-06 10:46:00 +00:00
#### 进入预制体场景
2024-12-09 11:18:10 +00:00
点击开启助手,设置如下路径后,点击`开启助手`
2024-12-10 10:14:38 +00:00
1. 目标图片信息文件夹: 填入导出psd数据的 ` yueka.layout.txt`
2024-12-09 11:18:10 +00:00
![img](F:\c1workspace\svn\__workspace__dev__\client\PackagesSource\com.txcombo.c1.ugui-toolkit\.res\开启助手.png)
2024-11-29 10:28:20 +00:00
#### 如何吸附
##### 图片
2024-12-06 10:46:00 +00:00
![](./.res/吸附展示.gif)
2024-11-29 10:28:20 +00:00
##### 文本
2024-12-06 10:46:00 +00:00
![](./.res/创建text.png)
![](./.res/创建text后的结果.png)
2024-12-10 10:14:38 +00:00
##### 预制体
1. 选中预制体节点后,会显示界面所有可供创建的预制体预览
2024-11-29 10:28:20 +00:00
2. 将鼠标光标放入预制体预览框,会自动创建预制体