quick_psd2ugui

Parse psd files and generate ugui panel tool with one click

Supports the export and generation of text, pictures, buttons, sliders, grid layout and other components. Supports the automatic cutting and generation of nine-square grid images. Supports the export and generation of symmetrical half-cut images. Supports automatic layout of sliding lists and list elements. For details, see the usage rules. Documentation: Assets/PSD2UGUI/Doc/"Usage Instructions"

Version used for testing, unity version: 5.3.3f1, ps version: cs6 64-bit

use

• Copy the script file Export PSDUI.jsx to the "ps installation directoryPresetsScripts" directory, such as: "E:Program FilesPSAdobe Photoshop CS6 (64 Bit)PresetsScripts".
• Open a psd file, select "File->Script->Export PSDUI" in cs6, and a pop-up box will pop up to select a directory to store the cuts and configuration files (xml) when the script is run.
• Copy the cutting diagram and configuration generated in the previous step to unity, select quicktool/psdimport in the menu bar to execute, select the xml file exported in the previous step in the pop-up box, and the uui panel will be generated in the hierarchy
• After the ui is generated, you can use quicktool/QuickGenCode to quickly generate the ui script. For details, see https://github.com/zs9024/quick_uicode

hint

• Use the editor to modify or debug the ps script: find or download the editor adobe extendscript toolkit, usually on the C drive, such as C:Program Files (x86)AdobeAdobe Utilities - CS6ExtendScript Toolkit CS6, file/open to open the file "ps installation directoryPresetsScriptsExport PSDUI.jsx", select "Adobe Photoshop CS6" as the target application, and you can run breakpoint debugging
• If the error "Merge visible layers is currently unavailable" occurs when running the ps script, you can check whether there is a single image (such as the background image) at the end of the root node and move it below a layer group. See the documentation for details.
• When the ps cc version reports an error "Error 8800...sceneData += "" + obj.textItem.color.rgb.hexValue + "";", you can check whether the text contains multiple color values. Use single color, multiple colors The color is implemented in unity using richtext’s color.
• If you have any questions, suggestions or ideas, you can join QQ group 654564220 for discussion

Version

v1.0.6
2018.08.20
1. Add input box to import
2. Support setting the transparency of text in PS, which will take effect in Unity after exporting.
3.Add OutLine support

v1.0.5
2018.03.06
1. Integrate the quick ui code generation (QuickCode) module
2.ps cc text error message
3.bug fix

v1.0.4
2017.10.10
1. Add the export and generation of toggle components
2. Add the export and generation of custom tab components
3.Layer drawing optimization
4. Code reuse and optimization

v1.0.3
2017.6.20
1. Add mirror effect and modify the generation method of symmetrical pictures to mirror.
2. Add the export and generation of symmetrical pictures that are both top, bottom, left and right
3. Add nine palace and half picture styles to the background of the button

v1.0.2
2017.02.06
1. Add the export and generation of GridLayoutGroup component
2. Add the export and generation of Slider component

v1.0.1
2017.01.22
1. Modify the xml configuration structure when exporting psd, change the images level to layer, and modify the ugui generation code accordingly.
2. Add the export of the nine-square grid, and automatically cut the nine-square grid diagram according to the border value when naming.
3. Export and generate sliding list (ScrollRect), which can dynamically layout sliding items, supports single row and single column, and does not support grid yet.

v1.0.0
2017.01.12
1. Export and generation of normal text
2. Export and generation of static text and image text
3. Export and generation of normal pictures
4. The generation of the nine-square grid cannot be exported from PS for the time being, and the image needs to be cut manually.
5. Export and generation of RawImage
6. Export and generation of symmetrical pictures cut in half
7. Export and generation of public images
8. Export and generation of button controls