【虚幻引擎UE】UE5 UI三种使用模式

已于 2023-07-21 14:23:32 修改
阅读量5.6k 收藏 27
点赞数 3
分类专栏： 虚幻引擎UE5 常见问题合集2 文章标签： ui 虚幻 ue5
于 2022-10-22 23:29:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35079107/article/details/127326704
版权
本文介绍了虚幻引擎UE5中UI的四种使用模式，包括固定在视口的交互式UI、不可交互的Actor场景UI、实现交互的Actor场景UI以及可交互的屏幕模式UI。通过蓝图创建和配置，详细阐述了如何添加和调整UI元素以实现不同的交互效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

UI的三种使用模式

一、添加到视口，固定存在并可交互

蓝图创建控件并添加到视口
在这里插入图片描述
场景中的显示效果：
在这里插入图片描述

二、添加到Actor的场景模式（不可交互）

1、创建Actor，放入用户控件，并将Actor拖入场景。
这种模式默认无法进行交互，但可播放动画。
在这里插入图片描述
在这里插入图片描述

了解本专栏 订阅专栏 解锁全文 超级会员免费看
【虚幻引擎UE】UE5 三种模式调用API详解（案例基于免费Varest插件）
灵境引路人
09-16 8478
【虚幻引擎UE】UE5 三种模式调用API详解（基于免费Varest插件）
【虚幻引擎UE】UE5 按自定义日期范围筛选数据UI实现
灵境引路人
01-01 1886
基于UMG_Calendar插件实现数据按日期范围筛选的UI功能。
UE4_UE5制作3DUI并朝向相机
06-20
本项目是UE5的工程，使用UE5打开 制作3DUI的简单Demo 工程文章地址： https://blog.csdn.net/Highning0007/article/details/125284705
UE5通过UI实现倒计时效果
qq_47143027的博客
04-16 899
2. 将Text声明成变量之后，在图表中添加三个整数，一个是总时间，一个是分钟，一个是秒。4. 将时间总时间算好之后，得到分钟，秒，然后在写一个事件，这个事件就是总时间自减。1. 创建一个UserWidget，添加一个水平框，框内包裹三个Text文本。3. 在预加载中设置文本，通过总时间计算有多少分钟，多少秒。5. 通过定时器每隔一秒调用一次。
UE5学习笔记 FPS游戏制作36 UI动画
吴梓穆的博客
04-02 446
点击动画，添加一段动画，然后点击动画，选择创建轨道，弹出来的框里选择TextTip，这样就可以为TextTip创建一个轨道。虽然直接在属性面板直接点击创建关键帧也能创建关键帧，但是我没有办法修改位置，修改后无法让位置生效，所以直接在这里用变换轨道。点击动画，添加一段动画，然后点击动画，选择创建轨道，弹出来的框里选择TextTip，这样就可以为TextTip创建一个轨道。虽然直接在属性面板直接点击创建关键帧也能创建关键帧，但是我没有办法修改位置，修改后无法让位置生效，所以直接在这里用变换轨道。
UE5（虚幻引擎5) 制作简单的游戏主界面
qq_64526771的博客
10-16 2153
一个基础的游戏界面就完成了，接下来可以就可以使用，根据不同UI的功能使用的地方也是不同的，接下来就是怎么将设计完成的UI显示在游戏中。打开关卡蓝图在事件开始运行时调用创建控件蓝图，并选择我们刚刚设计的UI蓝图名字，选择后调用添加到视口函数，就可以将我们设计的UI显示到游戏中。找到图片控件将其拖入到画布画板中并找到右边细节面板，如果没有细节面板可以到引擎最上方的工具栏找到窗口，在窗口中找到细节就可以了。在按钮中可以放入其他控件，可以实现基础的交互效果，用于在UI中构建复杂的逻辑效果。
UE5学习笔记 FPS游戏制作41 世界模式显示UI
最新发布
吴梓穆的博客
04-03 359
在事件图表里添加如下，创建一个UI控件，并赋值到控件组件。创建一个控件A，添加一个Image和一个Text。通过调整绘制大小来调整UI的大小。
UE的模式和状态
zhaozhy55555的专栏
03-11 5031
一    UE的模式和状态 UE 有两种基本运行模式：空闲模式和连接模式。1 空闲模式。空闲模式只有一种Idle 状态。UE 开机后停留在空闲模式下。通过非接入层表示，如：IMSI，P-TMSI，TMSI 等标识来区分。UTRAN 不保留空闲模式下的UE 信息。仅能够寻呼 LAC 区中的所有 UE 或同一寻呼时刻的所有 UE。2 连接模式UE 连接模式共有四种状态：CELL-PCH
UE5-Aura笔记-UI制作
qq_55100815的博客
09-22 1939
在UE5中，UI是由一个个的Widgets构成的，Widgets属于类，而我们游戏的属性等数据在GAS的中，Widgets该如何去获取这些属性呢？我们真的应该去在Widgets中深入每一个类，然后去获取那些对象中的属性吗？在UI中，这些可视化的部件叫做View视图，而数据的总和叫做Model,我们的任务就是从Model中获取所需要的数据然后传递给View。
Unreal 5 实现UI制作
现在学习也不晚
06-25 9387
这一篇讲解一下unreal engine里面的内置ui插件UMG，虚幻示意图形界面设计器（Unreal Motion Graphics UI Designer）(UMG) 是虚幻引擎内置的一套ui制作工具，通过它我们能够实现平面ui，场景hud内容。
UE5 在UI中显示3D网格体
qq_52825422的博客
08-08 741
，混合模式为“半透明”，然后在材质图表中添加如下节点。在需要显示的3D网格体中添加一个场景捕获组件2D组件。选中场景捕获组件，设置纹理（渲染目标）添加一个渲染目标（用于显示3D网格体。在UI中添加图片，并设置图片为材质。调整场景捕获组件2D组件摄像机位置。
UE5 UMG UI编辑器工作流
他在试图用代码书写这个世界，字里行间温柔尽显。勿忘初心，努力做有价值的技术文章。
08-26 2511
1.在内容菜单（Content Browser）面板，点击添加（Add）或者右键空白处，依次选择用户界面（User Interface）/ 控件蓝图（Widget Blueprint）。2.在弹出来的窗口中，点击User Widget即可创建一个UI控件，可以自定义命名（规范一点可以命名为WBP_XXX）。
UE5中简易的UI管理框架（c++版，UE5.1）
u010804261的博客
03-22 2371
基于此需求，采用栈先进后出的数据接口，编写了一个简易的UI管理框架。1.支持UI的自动创建2.支持UI的按开启顺序关闭3.支持一件关闭所有UI4.支持开启当前UI后，禁用上一个UI的操作5.管理类继承自AActor类，所以支持在面板配置UI信息1.OpenUI：通过传入自定义的UI名来生成UI，如果hideLastUI为true，则隐藏上一个UI，否则，上一个UI继续显示2.CloseUI：关闭当前UI3.CloseAllUI：关闭生成的所有UI。
【虚幻引擎UE】UE5实现WEB和UE通讯方法（基于WEBUI插件）
08-01
资源说明文章地址： https://tjgzs.blog.csdn.net/article/details/125869376?spm=1001.2014.3001.5502
UE4.26插件WebUI
08-11
**UE4.26插件WebUI：虚幻引擎与前端网页的无缝融合** UE4，全称为Unreal Engine 4，是由Epic Games开发的一款强大的实时3D创作工具，广泛应用于游戏开发、影视制作、虚拟现实等领域。而"UE4.26插件WebUI"则是一个专...
UE5如何实现3Dui 不会被场景遮挡方法
人宅
10-29 800
解决防止剔除方法
UE4_UE5制作3DUI-跟随相机朝向（附工程）
蒙双眼看世界
06-20 5677
UE4_UE5制作3DUI流程（附工程）一、创建Widget控件类：命名为3DUI二、创建UI内容：三、创建Actor类来承接显示UI 命名为：BP_My3DUI四、编辑BP_My3DUI类，添加Widget组件 在右侧Details添加Widget五、将编辑好的类都Compile通过，然后将BP_My3DUI类拖放到场景中发现UI位置太高，修整一下：给它添加个Panel用于调整位置位置调好了，但是没有面向相机。六、设置UI跟随相机转动，为了简单，直接在关卡蓝图里写这些蓝图脚本：先设置显示鼠标指针：接着将
8. UE5 GAS RPG创建UI（上）
现在学习也不晚
01-22 2973
上面这些我们主要实现了制作用户控件，并且能够在用户控件里面直接获取到控制器层，后续可以通过控制器层直接获取数据进行数据更新。具体实现过程：在创建玩家控制角色过程中，初始化完成技能系统后，去调用HUD的InitOverlay()函数，来实现用户组件控制器层的初始化。InitOverlay()中将实现对用户控件和用户控件控制器层的实例化，并将UI添加到屏幕中。
UE5 WebUI 5.0.1插件下载
wufang_2004的博客
05-24 3386
适用于制作智慧城市IOC应用，把前端网页套在UE5客户端，实现穿透点击，和事件互调等功能。
ue5触控点击效果
03-26
<think>嗯，用户的问题是关于在Unreal Engine 5中实现触控点击效果的方法或教程。我需要先整理已有的引用资料，看看有没有相关的信息。 首先，引用[3]提到UE4处理触屏事件的问题，指出在Android上IE_Released时获取点击位置可能有问题。这可能对UE5也有参考价值，因为UE5是基于UE4开发的，很多机制是相似的。用户可能需要处理类似的触控事件，特别是在不同平台上的兼容性问题。 然后，引用[2]讨论了CommonUI的作用，支持全平台的输入适配，包括Switch手柄、触控、鼠标和键盘。这可能涉及到如何设置输入动作和导航，确保UI能够响应触控操作。虽然主要是关于UI的，但触控点击效果可能需要UI元素的交互，比如按钮点击反馈或者特效。 用户需要的是触控点击效果的具体实现方法，比如点击屏幕后出现涟漪效果、高亮显示被点击的对象，或者触控反馈动画。可能需要结合输入事件处理和粒子特效或材质变化来实现。 首先，我应该考虑UE5中处理触控输入的基本步骤。根据UE4的经验，可能需要使用Input Action和Enhanced Input系统来处理触控事件。UE5可能推荐使用Enhanced Input，它更灵活，支持多种输入设备。 接下来，触控事件的位置获取是关键。在触控开始（IE_Pressed）或结束（IE_Released）时，正确获取屏幕坐标，然后转换为世界坐标或UI坐标。引用[3]提到在Android上IE_Released时可能无法获取正确的位置，可能需要使用IE_Pressed事件来确保位置数据的准确性。 然后，实现视觉效果部分。可能需要使用Niagara粒子系统来生成点击特效，比如水波纹。或者，在材质中使用屏幕空间的位置来动态生成效果。另外，UI按钮的触控反馈可以通过CommonUI的设置来实现，比如改变按钮状态或触发动画。 还需要考虑多平台适配，引用[2]提到的CommonUI可以帮助统一处理不同输入设备的操作，确保触控、手柄、鼠标等都能触发相同的反馈效果。这可能涉及到创建输入动作数据表，将触控事件映射到特定的UI动作。 步骤可能包括： 1. 设置输入系统，创建触控输入动作。 2. 在蓝图或C++中绑定触控事件，获取触控位置。 3. 将屏幕坐标转换为世界坐标，生成特效或触发交互。 4. 使用粒子系统或材质效果实现视觉反馈。 5. 测试不同平台上的表现，特别是Android的位置获取问题。 可能还需要参考UE5的官方文档，查看是否有更新的触控处理方式，或者社区教程中的最佳实践。比如，在视口设置中启用触控输入，确保触控事件被正确路由到对应的UI或游戏对象。 用户可能需要具体的步骤，比如如何创建Input Action，如何在蓝图中获取Touch事件的位置，如何附加粒子效果等。此外，可能需要注意移动平台上的性能优化，避免过多的粒子实例影响性能。 总结下来，回答应该分步骤说明输入设置、事件处理、坐标转换和视觉效果实现，同时引用已有的资料中的相关部分，如CommonUI的设置和触控事件处理的问题点。</think>### Unreal Engine 5 触控点击效果实现方法 在UE5中实现触控点击效果需要结合输入事件处理与视觉效果设计，以下是具体步骤： --- #### **1. 触控输入事件设置** - **启用触控输入**： 在项目设置中启用触控输入支持： `Edit → Project Settings → Input → Enable Touch Events`[^3]。 - **创建输入动作（Input Action）**： 定义触控事件（如`TouchPressed`、`TouchReleased`），用于触发点击效果[^2]。 - **绑定触控位置**： 通过`Get Touch Position`节点获取触控屏幕坐标，并将其转换为世界坐标或UI坐标。 --- #### **2. 触控反馈效果实现** - **粒子特效（如涟漪效果）**： 使用Niagara系统创建触控特效（如水波纹），在触控位置生成动态粒子。 ```cpp // 在蓝图中调用粒子生成逻辑 SpawnEmitterAtLocation(WorldContext, NiagaraSystem, TouchLocation); ``` - **材质交互**： 通过动态材质实例（Dynamic Material Instance）修改材质参数（如高亮颜色、透明度），响应触控事件。 - **UI按钮反馈**： 使用CommonUI的`Button Widget`，结合触控输入事件触发按钮动画或音效[^2]。 --- #### **3. 跨平台适配优化** - **输入路由设置**： 在视口（Viewport）中配置输入路由，确保触控事件正确传递到目标UI或Actor[^2]。 - **Android平台兼容性**： 注意在Android设备上，`IE_Released`事件可能无法正确获取触控位置，建议优先使用`IE_Pressed`事件[^3]。 - **多输入设备支持**： 通过CommonUI的控制器数据资产（Controller Data Assets），统一处理触控、手柄、键鼠的输入映射。 --- #### **4. 参考资源** - UE5官方触控输入文档：[Input | Unreal Engine Documentation](https://docs.unrealengine.com/5.0/en-US/input-overview-in-unreal-engine/)。 - Niagara粒子教程：[Unreal Engine Niagara VFX](https://dev.epicgames.com/documentation/en-us/unreal-engine/niagara-in-unreal-engine--overview)。 ---
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灵境引路人

感谢投喂 ~ ❤

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值