功能:

自动生成 UMG Widget 蓝图
Photoshop PSD 导出工作流程
纵向和横向 UI 尺寸支持
SafeZone / ScaleBox / SizeBox 包装支持
分离的小部件蓝图生成
将小部件添加到当前关卡蓝图选项
用于可重用导入设置的预设管理器

工作流程:

使用附带的Photoshop JSX导出器导出结构化PSD UI 数据放入layout.json 和Textures 文件夹中。

文档链接:https://sepinood.github.io/UIWidgetBuilder/

示例项目:https://sepinood.github.io/UIWidgetBuilder/

代码和架构:

• 仅限编辑器C++ 插件(无蓝图依赖性)

• 12 个 C++ 类

• 无运行时或网络复制

平台支持:

• Windows支持

• Mac 未测试

• 目标版本:Win64

兼容性:

• Unreal Engine 5.6、5.7、5.8

附加说明:

通用动画切换器支持需要虚幻引擎的 CommonUI 插件,适用于 UE 5.7 / UE 5.8。 UE 5.6 使用正常的 WidgetSwitcher 行为。

PSD UI 设计到 Unreal UMG 自动化工具

UI Widget Builder 是一个 Unreal Engine 编辑器插件,可帮助自动将结构化 Photoshop UI 设计转换为有组织的 UMG Widget 蓝图。

使用附带的 Photoshop JSX 导出器,您可以将 PSD 布局导出到 layout.json 中,纹理文件夹,然后将该数据导入到虚幻引擎中,以自动生成小部件层次结构、纹理、布局结构、根屏幕和可选的蓝图交互逻辑。

该插件旨在加速菜单、HUD、库存屏幕、商店界面、移动 UI、启动器 UI、设置屏幕和快速 UI 原型设计的重复 UI 设置工作。
安装后,从以下位置打开该工具:工具 → UI 部件Builder

视频演示 | 文档 | 支持主题

核心功能

自动生成 UMG Widget 蓝图
Photoshop PSD 导出工作流程
layout.json + 纹理导入管道
有组织的小部件层次结构创建
根屏幕管理
纵向和横向UI尺寸支持
SafeZone / ScaleBox / SizeBox包装器支持
分离的小部件蓝图生成
将小部件添加到当前关卡蓝图选项
用于可重用导入设置的预设管理器
通过生成的资源清理来清理重新导入选项

蓝图逻辑功能

按钮交互逻辑
WidgetSwitcher选项卡逻辑
兄弟菜单/面板定位
按键关闭/后退/退出逻辑
关闭后显示另一个小部件
点击和悬停声音设置
可选音乐播放设置
滑块辅助逻辑
复选框组逻辑
可编辑文本辅助逻辑
进度条辅助逻辑
ScrollBox 自动滚动逻辑
视频/ 媒体播放帮助程序设置
组织生成的蓝图图表

文本、字体和布局支持

字体映射工作流程
缺失字体后备行为
UTF-8 文本支持
RTL 文本支持
智能文本导入选项
基于分辨率的布局生成
基于包装器的缩放工作流程

工作流程

  1. 使用支持的图层命名前缀在 Photoshop 中设计 UI。

  2. 运行附带的 JSX 导出器以生成布局.json 和纹理文件夹。

  3. 工具 → UI Widget 在虚幻引擎中打开 UI Widget Builder Builder

  4. 选择导出的布局数据并生成 UMG 窗口小部件蓝图。

  5. 根据需要在虚幻引擎内自定义或扩展生成的窗口小部件。

  6. 使用保存的预设和干净的重新导入选项重新导入更新的设计。

非常适合

• 游戏菜单
• HUD 系统
• 库存用户界面
• 移动用户界面
• 商店系统
• 启动器用户界面
• 设置屏幕
• 角色选择屏幕
• 暂停菜单
• 风格化界面
• 快速用户界面原型
• UI 重的虚幻引擎项目

重要说明

• 仅编辑器插件
• 当前工作流程基于使用附带的 JSX 导出器的 Photoshop PSD 导出
• 图层命名前缀对于干净的生成结果非常重要
• 生成的小部件应被视为生成的输出
•在干净的重新导入过程中,生成的小部件内的手动编辑可能会被替换
• 项目特定的游戏逻辑、保存系统、库存数据、本地化、音频类和媒体设置可能仍然需要手动工作
• 通过 PSD/导入器大小设置支持纵向和横向布局,但插件不会自动将一种布局重新设计为另一种布局
• 丢失的字体可能会回退到 Unreal 的默认字体,直到添加正确的字体资源或映射

👨‍💻 关于开发者

声明:本站所有资源都是由站长从网络上收集而来,如若本站内容侵犯了原著者的合法权益,可联系站长删除。