UE5 - 控件蓝图使用详解1（创建控件蓝图并显示、显示鼠标光标）
作者：hangge | 2025-12-10 08:40
在游戏开发中，用户界面（UI）不仅承载着信息的传递，更直接影响着玩家的操作体验与沉浸感。Unreal Engine 5 强大的 UMG（Unreal Motion Graphics）系统，为我们提供了直观且灵活的可视化控件蓝图工具，使设计与交互的实现变得轻而易举。本文将通过样例演示如何创建一个简单的控件蓝图，并在游戏中动态加载它，同时启用鼠标光标以便与界面元素进行交互。
一、创建控件蓝图并在屏幕显示
1，创建控件蓝图
（1）在“内容浏览器”面板中单击鼠标右键并执行“用户界面”->“控件蓝图”，菜单命令。
（2）在弹出的“为新控件蓝图选择父类”对话框中单击“用户控件”按钮创建一个名为“UI_Test”的控件蓝图。
（3）双击打开“UI_Test”控件蓝图，在“控制板”中找到“画布面板”并拖拽到视口中。同时再拖入“按钮”子控件和“文本控件”，它们层级关系如下。
（4）选中“按钮”子控件，通过右侧“细节”面板中的锚点设置，将其定位在屏幕正中心。
（5）同时在“细节”面板下方的事件中点击增加一个“点击时”事件。
（6）该事件响应逻辑很简单，就是点击后再屏幕上打印 hangge.com 字符串。
2，在屏幕上显示控件
（1）打开当前关卡的关卡蓝图，创建一个“Create Widget”节点。
（2）将 Class 选择为我们前面创建的 UI_Test 控件蓝图。
（3）然后添加如下完整逻辑，使得在运行时就自动将控件显示在界面上。
（4）运行程序可以看到按钮已经显示在屏幕正中央了。但我们发现此时没有鼠标光标来点击该按钮。
3，显示并启用鼠标光标
（1）默认情况下，游戏运行时鼠标光标是隐藏的。我们可以使用“获取玩家控制器”节点获取鼠标指针，拖曳“获取玩家控制器”节点的“Retum Value”引脚到空白处后搜索“设置 Show Mouse Cursor”节点，添加“SET”，添加后将其连接到“添加到视口”节点并勾选“显示鼠标光标”选项，这样即可在游戏中显示鼠标指针。
（2）编译保存后运行程序，可以看到鼠标光标显示出来了，我们单击屏幕中央按钮，左上角也成功打印处相关字符串。
全部评论（0）