UE4/5 添加3DUI界面 UMG设计_ue5 3dui

目录

一、创建用户控件

二、创建Actor蓝图并添加控件组件

三、设置控件组件的参数，使其可交互

---

在虚幻引擎的场景设计中，我们可能想在某个物体平面或屏幕模型上添加可以点击交互的UI界面，但是一般的UI界面，我们都是通过"Add to view port"节点，将相应的UI控件添加到视口中。

那么如何添加3DUI界面呢？接下来我们就通过几步简单的操作，来将UI界面添加到我们的世界场景中，实现3DUI且可交互的效果：

一、创建用户控件

（关于快速入门UE UI界面设计的内容，可以看我的另一个专栏）

点击内容菜单的空白处，点击 用户界面-控件蓝图
 

随后为该控件蓝图类选择父类，一般情况下选择“用户控件”即可。

如图，为了验证UI控件的可交互性，我随便添加了几个按钮控件。
 

随后我在事件图表中为三个按钮添加了点击事件。可以看到，点击三个按钮会依次打印1、2、3的数字到屏幕上。
 

二、创建Actor蓝图并添加控件组件

接着我们创建一个Actor蓝图（许多基础概念和操作我就不在这里赘述，感兴趣的可以去我的其他专栏学习哦），然后在其中添加一些静态网格体、灯光以及摄像机等组件。
 

最重要的是添加控件组件（注意是下面那个控件组件)。

接着我们来到控件组件的属性栏，我们需要调节的参数基本都在我的红框内了。
 

三、设置控件组件的参数，使其可交互

首先是设定其大小，以贴合我们的目标平面或屏幕。一般来说，自定义绘制大小会比较好。具体数值根据你的场景而定。当然，如果你想要以所需大小绘制也可以，不过一般来说它的大小和你设定的控件大小会有参差。

另外，最重要的一步，勾选“接受硬件输入”。
 

再接着，次重要的一步，在该Actor蓝图的事件图表中，每一帧将该组件类型转换为你的相应控件蓝图类型。

（当然，如果你想要在特定情况下，使其可交互，那么你不一定非要用Event Tick节点）

接下来，我们的放置于场景中的控件组件应该是可以实现交互效果了。
（以下示例是博主正在参与的一个商业项目，后面会做出一个实体的交互箱子和屏幕。产品我就隐藏了，主要是看UI界面贴合到屏幕上的效果。）
 

可以看到画面中的ui界面很好的贴合到了箱子屏幕上，而且交互也是实时起效的。

好了今天的3DUI教程到此就结束了，大家有什么问题都可以和我私信沟通。