GithubHelp home page GithubHelp logo

quick_psd2ugui's Introduction

解析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中,在菜单栏选择psd2ugui/psdimport执行,弹框选择上一步导出的xml文件,将在hierarchy中生成ugui面板

提示

  • 使用编辑器修改或调试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脚本时出现错误“合并可见图层当前不可用”,可以检查是否有单个图片(比如背景图)位于根节点的最后,并将其移到某个图层组下面,具体见文档

版本

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.按钮控件的导出和生成

quick_psd2ugui's People

Contributors

zs9024 avatar

Watchers

James Cloos avatar USB avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.