




功能:
◆ 自动生成 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 文本支持
◆ 智能文本导入选项
◆ 基于分辨率的布局生成
◆ 基于包装器的缩放工作流程
工作流程
-
使用支持的图层命名前缀在 Photoshop 中设计 UI。
-
运行附带的 JSX 导出器以生成布局.json 和纹理文件夹。
-
从 工具 → UI Widget 在虚幻引擎中打开 UI Widget Builder Builder。
-
选择导出的布局数据并生成 UMG 窗口小部件蓝图。
-
根据需要在虚幻引擎内自定义或扩展生成的窗口小部件。
-
使用保存的预设和干净的重新导入选项重新导入更新的设计。
非常适合
• 游戏菜单
• HUD 系统
• 库存用户界面
• 移动用户界面
• 商店系统
• 启动器用户界面
• 设置屏幕
• 角色选择屏幕
• 暂停菜单
• 风格化界面
• 快速用户界面原型
• UI 重的虚幻引擎项目
重要说明
• 仅编辑器插件
• 当前工作流程基于使用附带的 JSX 导出器的 Photoshop PSD 导出
• 图层命名前缀对于干净的生成结果非常重要
• 生成的小部件应被视为生成的输出
•在干净的重新导入过程中,生成的小部件内的手动编辑可能会被替换
• 项目特定的游戏逻辑、保存系统、库存数据、本地化、音频类和媒体设置可能仍然需要手动工作
• 通过 PSD/导入器大小设置支持纵向和横向布局,但插件不会自动将一种布局重新设计为另一种布局
• 丢失的字体可能会回退到 Unreal 的默认字体,直到添加正确的字体资源或映射
👨💻 关于开发者
-
网站:Alishantia
产品:虚幻商城简介

评论(0)