Photoshop PSD UI导出脚本使用及命名规范

"使用说明及UI命名规则1" 在Unity开发中，UI界面的设计和实现是至关重要的。这篇文档主要介绍了如何使用PSDUGUI工具，以及UI元素在Photoshop (PSD) 文件中的命名规则，以便于在Unity中自动生成对应的UI组件。 首先，我们需要了解如何安装和运行脚本。将`ExportPSDUINew.jsx`脚本文件复制到Photoshop的`Presets\Scripts`目录下，通常是`E:\ProgramFiles\PS\AdobePhotoshopCS6(64Bit)\Presents\Scripts`。确保使用最新版本的脚本，并且在遇到错误时，如JavaScript代码丢失或Photoshop崩溃，检查脚本编码是否为UTF-8无BOM格式。 在Photoshop中，打开包含UI设计的PSD文件，然后通过菜单执行“文件->脚本->ExportPSDUINew”。选择一个目标目录以保存切图和配置文件，工具将自动生成对应的Unity资源。 UI元素的命名规则是关键。每个PSD中的图层组被视为Unity中的一个控件，组名后跟随@符号和特定的关键字，指示了Unity中的控件类型。例如，"btn_close@Button"表示这个图层组将转换为Unity的`Template/UI/Button.prefab`按钮组件。对于没有指定关键字的组，将默认导出为"Default"类型，对应`Template/UI/Empty.prefab`。 对于Text和普通图片图层，无需指定类型，工具会自动识别并导出为Text和Image组件。未指定类型的组会默认导出为`Default`类型，这通常用于创建空白的UI元素。 文档中提到了几个特殊的关键词，它们在处理UI控件时具有特定功能： - `@_Size`: 标记该图层用于设置控件的`sizeDelta`属性，优先级最高。这意味着这个图层的尺寸信息会被用于调整Unity中对应控件的大小。 - `@_Hide`: 指示此图层仅用于存储信息，不会导出为图片资源。通常与`@_Size`一起使用，仅用于计算尺寸而不在最终UI中显示。 - `@_Dynamic`: 表示该图层上的信息需要在运行时由程序动态设置，常见于文本和图片元素，因为这些内容可能根据游戏状态变化。 此外，工具还支持多种UI控件类型，包括： 1. 文本(Text): 自动识别并导出为Text组件。 2. 图片(Image): 直接导出为Unity的Image组件。 3. @BT@Button: 按钮控件，对应Unity的Button预制体。 4. @BC@BindableContainer: 可绑定的容器控件，可能是Unity中的Scroll View或其他容器组件。 5. @Input@InputField: 输入框，对应Unity的InputField组件。 6. @toggle@ckb@checkbox@Toggle: 复选框，导出为Toggle组件。 7. @lsv@LoopScrollView: 无限循环列表，可能是一个自定义的ScrollView实现。 通过遵循这些规则，开发者可以高效地将Photoshop中的UI设计转化为Unity项目中的交互式界面，大大简化了UI开发流程。在实践中，确保理解并正确应用这些规则是提高工作效率和UI一致性的重要步骤。