Skip to content

parse psd file and auto generate ui prefab(解析psd文件,一键生成ugui面板)

Notifications You must be signed in to change notification settings

YouwantLee/quick_psd2ugui

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 

Repository files navigation

解析psd文件,一键生成ugui面板工具

支持文本,图片,按钮,滑动条,网格布局等组件的导出和生成
支持九宫格图片的自动剪切和生成
支持对称图片切半版的导出和生成
支持滑动列表和列表元素自动布局
使用规则详见文档:Assets/PSD2UGUI/Doc/“使用说明”

测试所用版本,unity 版本:5.3.3f1,ps版本:cs6 64位

使用

  • 将脚本文件 Export PSDUI.jsx拷贝至“ps安装目录\Presets\Scripts”目录下,如:“E:\Program Files\PS\Adobe Photoshop CS6 (64 Bit)\Presets\Scripts”。
  • 打开一个psd文件,在cs6中选择“文件->脚本->Export PSDUI”,会弹框选择一个目录,存放脚本运行时的切图和配置文件(xml)。
  • 将上一步生成的切图和配置拷贝到unity中,在菜单栏选择quicktool/psdimport执行,弹框选择上一步导出的xml文件,将在hierarchy中生成ugui面板
  • ui生成以后可使用quicktool/QuickGenCode 快速生成ui脚本,具体使用参见 https://github.com/zs9024/quick_uicode

提示

  • 使用编辑器修改或调试ps脚本:找到或下载编辑器adobe extendscript toolkit,一般都在C盘,如C:\Program Files (x86)\Adobe\Adobe Utilities - CS6\ExtendScript Toolkit CS6, file/open打开文件“ps安装目录\Presets\Scripts\Export PSDUI.jsx”,目标应用选择“Adobe Photoshop CS6”,就可以断点调试运行了
  • 如果运行ps脚本时出现错误“合并可见图层当前不可用”,可以检查是否有单个图片(比如背景图)位于根节点的最后,并将其移到某个图层组下面,具体见文档
  • ps cc版本报错“错误8800...sceneData += "" + obj.textItem.color.rgb.hexValue + "";”时,可检查text是不是包含了多个色值,要用单色,多色在unity里自己用richtext的color实现
  • 有问题或者建议、想法可以加QQ群654564220讨论

版本

v1.0.5
2018.08.20
1.添加输入框导入
2.支持文本在PS中设置透明度,导出以后在Unity中生效
3.添加OutLine支持

v1.0.5
2018.03.06
1.整合快速ui代码生成(QuickCode)模块
2.ps cc text报错说明
3.bug修复

v1.0.4
2017.10.10
1.增加toggle组件的导出和生成
2.增加自定义页签组件的导出和生成
3.layer的绘制优化
4.代码复用和优化

v1.0.3
2017.6.20
1.增加mirror效果,修改对称图片的生成方式为镜像
2.增加上下左右均对称图片的导出和生成
3.按钮的背景增加九宫和半图样式

v1.0.2
2017.02.06
1.增加网格布局(GridLayoutGroup)组件的导出和生成
2.增加滑动条(Slider)组件的导出和生成

v1.0.1
2017.01.22
1.修改导出psd时的xml配置结构,改images层级为layer,ugui生成代码对应修改
2.增加九宫格的导出,根据命名时的border值自动切九宫格图
3.滑动列表(ScrollRect)的导出和生成,可动态布局滑动项,支持单行和单列,暂不支持grid

v1.0.0
2017.01.12
1.正常文本的导出和生成
2.静态文本和图片文本的导出和生成
3.正常图片的导出和生成
4.九宫格的生成,暂时无法从ps导出,还需手动切图
5.RawImage的导出和生成
6.对称图片切半的导出和生成
7.公用图片的导出和生成
8.按钮控件的导出和生成

About

parse psd file and auto generate ui prefab(解析psd文件,一键生成ugui面板)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C# 91.4%
  • JavaScript 7.2%
  • Lua 1.4%