com.soviby.unity.ui.ugui-to.../README.md
2024-12-17 11:07:00 +08:00

2.6 KiB
Raw Permalink Blame History

C1 Ugui拼接助手

简介

该工具主要作用是提高效果图还原度和提高拼接效率,以下是当前版本已经实现的功能:

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

展示

GIF 2024-12-17 10-59-36

工作流

如何操作

psd数据导出

对图层名使用关键字标记

  1. $<图层名> : 图片切图导出并吸附 例如:$img_tools ,参数:九宫格:<图层名>@九宫格
  2. %<图层名> : 仅图片吸附用 例如:%img_tools参数九宫格<图层名>@九宫格
  3. %<文本图层名> : 仅文本吸附用 例如:%text_tools
  4. <图层名>@预制体=<资源唯一名称> 引用通用组件预制体 例如:领取龙币@预制体=btn_common_yellow_large

导出数据

运行指定脚本进行导出

选中项目中脚本 client\toolchains\c1_ugui_toolkit\.PhotoshopScript\JSZXPsd2Unity\PSD导出Unity.js 执行完毕后会自动弹出目录

unity中如何操作

进入预制体场景

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

  1. 目标图片信息文件夹: 填入导出psd数据的 yueka.layout.txt

img

选中image和text、预制体后自动吸附

图片

一键创建所有文本

一键创建所有预制体

img

进阶操作

父节点应用子节点变换

吸附完成后,选中父节点按下“空格”

GIF 2024-12-12 10-19-28

修改父节点边框后复原子节点位置

对父节点边框进行调整后按下“Ctrl + 空格”

GIF 2024-12-12 10-25-00