功能:

◆ 自动生成 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 的默认字体,直到添加正确的字体资源或映射

👨‍💻 关于开发者

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