实现在VR下使用手柄来操作UMG

UE4 VR UMG交互实现
最新推荐文章于 2022-05-10 16:47:36 发布
最新推荐文章于 2022-05-10 16:47:36 发布
阅读量323 收藏 1
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/sichuanke/p/6822787.html
本文介绍在UE4中实现VR环境下使用手柄操作UMG控件的方法。重点解决了手柄指向UMG控件时的hover效果及按下Trigger键触发UMG功能的问题。通过结合VRUMGPlugin插件与WidgetInteractionComponent组件，最终实现了预期的交互效果。

当前使用的UE4 12.5

硬件:HTC Vive

如何实现在VR下使用手柄来操作UMG呢?

当前有两个核心需求:

1,当手柄指向UMG控件时,UMG控件会有hover的效果

2,当手柄Trigger键按下时,触发UMG控件按下功能

好在已经有VRUMGPlugin插件可以研究.VRUMGPlugin插件没有实现hover的效果,而且此插件在处理点击事件时,有Bug,花了好几天去修改,最后还是失败而告终.

不过好消息是,UE4 13.1已经支持VR下使用UMG了,官方是实现了WidgetInteractionComponent,由于项目短时间内不会升级,所以我只好借鉴WidgetInteractionComponent的实现了,复制到UE4 12.5项目下后,发现好多Error,很多接口不一致,经过修改无报错之后,测试发现,点击事件还是有问题.

这下麻烦了,偶然灵光乍现,尝试结合这两个插件.幸运的是经过一段时间的尝试,成功了.

使用参考:

新建一个FirstPerson项目,复制VRUMGPlugin到Plugins目录下,重新生成项目,然后打开FirstPersonCharacter蓝图,添加WidgetInteraction组件

添加蓝图即可:

 修改的VRUMGPlugin下载

转载于:https://www.cnblogs.com/sichuanke/p/6822787.html

Unreal5从入门到精通之如何在VR中使用3DUI
TxNet
10-30 1432
前面我们讲过《Unreal5从入门到精通之UMG的使用》一般制作游戏时，UI都是添加到屏幕视窗上面的，但是在制作VR时，我们往往需要制作一个3D的UI，放置在场景中，然后使用手柄的射线来和UI进行交互。今天我们就来讲解下，如何在VR中创作和交互3DUI首次操作会感觉好复杂，多多练习，当你熟悉了UE蓝图的操作后会发现，这只是一个常规的蓝图操作而已。祝大家在虚幻的学习过程中非常顺利。希望这篇博客对你有所帮助。
Unreal从入门到精通之如何绘制用于VR的3DUI交互的手柄射线
TxNet
11-22 1147
之前我写过一篇文章《Unreal5从入门到精通之如何在VR中使用3DUI》，其中讲到使用WidgetComponent和3DUI进行交互。然而，这种方法存在一个问题：为了让射线可视化，我们需要勾选“调试/显示调试”，这样才能在手柄上看到代表其指向的一条红色射线。但最关键的问题是，这个显示调试信息的功能只属于Debug调试模式，也就是说，一旦将项目正式打包发布，这条射线辅助线就没有了。如下图所示：我就觉得Unreal官方真的是有点过分了，这不应该是最基本的功能么？难道我们VR要在Debug模式下发布？
UE4 使用VR模板失灵解决
Deveuper的博客
09-30 2586
VR开发经常使用UE4自带模板进行开发，有时会有控制器失灵bug 解决方式： 1.Input映射未设置 直接新建VR模板工程，导出input设置，导入该工程； 删除之前导入的VR模板文件夹，重新导入 2.蓝图没有重定向 在文件夹上右键，Fix Up Redirectors in Folder 3.打包后无控制器 Project Setting中勾选如下： 参考：https...
UE4之VR手柄和3D UI控件如何交互
YuJie1996
12-18 5814
1. https://blog.youkuaiyun.com/Clarence0v0/article/details/79204223 （在三维世界中和UI交互） 2. https://docs.unrealengine.com/zh-CN/Engine/UMG/HowTo/VirtualKeyboards/index.html （创建虚拟键盘交互） 3. https://docs.unreale...
UE4 VR WidgetInteraction 局域网设定
兴趣使然的博客
07-23 1163
无论用什么，我们要先确定是什么------------------------鲁迅 下面是关于WidgetInteraction的官方定义 控件交互组件执行光线投射，确定它是否命中世界场景中的控件组件。如命中，可设置规则确定与其交互的方式。 交互通过模拟定义的按键来执行。例如一个按钮可通过鼠标左键点击，即可告知其他形式的输入模拟一次鼠标左键点击（控制器按钮按下、运动控制器扳机键按下等）。 总的来说就是：发射射线与3DUI交互并设定交互的方式 添加方式也极其简单（官方文档讲的很详细，这里只是简略一提）
Vive开发之手柄定位瞬移（UE4）
05-16
UE4下创建的一个简单实现HTC Vive手柄定位瞬移的工程
UE4-VR-XPlatform-Menu：这是UE4的VR模板，允许游戏手柄和运动控制器输入。 该游戏也可以设置为非VR第三人称游戏
02-06
UE4-VR-XP平台菜单 这是UE4的VR模板，允许游戏手柄和运动控制器输入。 也可以将游戏设置为非VR第三人称游戏。 用于台式机和Playstation VR的蓝图虚拟现实模板。 该模板具有触摸屏用户界面，增量传送，远距离抓握，突出显示和拳头动作，带有游戏板/键盘导航的3D菜单，游戏板VR支持，VR和第三人称模式以及从第三人称模式到第一人称视角的相机。 通过MotionControllerMap，玩家可以使用带有增量移动，传送和拳头运动的运动控制器来四处走动。 UE4 4.25，C ++模板，支持Oculus（除非进行了修改），如果OpenXR插件可以工作且已启用，则可以支持其他耳机 是上
UE4在VR模式下使用3D控件
少得多惑的博客
09-27 7539
UE4中UWidgetComponent可以将UMG转为3D界面放到场景中，操作与2D界面操作一样，但是在VR模式下通过手柄操作不能像鼠标一样点击，这时就要用到UWidgetInteractionComponent与3D界面交互。 1、新建一个UMG，命名为Widget3D，拖入一个Button和Image控件，如图 2、添加蓝图代码，在按钮的点击事件中切换Image的背景色 3、新...
VR贝塞尔曲线移动（补充）
01-30
在虚拟现实(VR)开发中，使用贝塞尔曲线(Bézier Curve)进行物体移动是一种常见的技术，它能够提供平滑且可控制的路径动画。在UE4（Unreal Engine 4）环境中，贝塞尔曲线被广泛应用于游戏设计、场景布局以及用户界面...
UE4中实现虚拟现实环境下的物品拾取技巧
在VR环境中拾取物品会更加直观，通常需要使用手柄或其他输入设备的特定动作来触发拾取。此外，还需注意VR的用户体验，确保拾取动作平滑且直观。 ### 总结 在UE4中实现拾取物品功能需要结合蓝图系统、碰撞检测、背包...
UE4下实现HTC Vive手柄拾取物品蓝图编程
耕耘——从菜鸟到高手的蜕变
09-18 4065
UE4下实现Vive手柄拾取物品 标签： UE4Vive游戏引擎 目录(?) [-] 创建拾取接口实现接口定义拾取 简单说下思路，首先定义拾取接口，然后在需要拾取的物品的蓝图类中实现该接口，最后在手柄的碰撞中检测碰撞的物品是否实现了拾取接口，若实现则Attachto到手柄上 工程下载地址 创建拾取接口 新建
UE4的3DUI交互（WidgetInteractionComponents）
weixin_43704737的博客
10-30 8919
效果： 过程
【UE4】【UI】在三维世界中和UI交互
热门推荐
Carl0v0的博客
01-30 1万+
首先。 VR环境下不可能也不被允许在头盔屏幕上出现UI并进行交互。 那为了能愉快的搞事情，必然需要有什么途径在虚拟环境中实现UI及其交互。 在开始之前，请先看以下官方文档和教程。 第一篇：创建 3D 控件交互 第二篇：创建一个可进行交互并提供文本框输入的小键盘 具体思路是这样。 为了能在3D世界内显示UI，那么这个“UI”必然是Actor。在UE4中我们能通过控件蓝图创建一系列UI。
UE4 VR 交互之鼠标模拟
Louts.
01-08 2070
鼠标滚轮模拟 鼠标按键模拟
Unreal Engine 4 HTC Vive UI交互流程
什么风把您给吹来了
06-27 3565
1.项目的基本设置 。 1>.新建项目  打开后找到Edit ---ProjectStettings ---Rendering  找到 VR的选项卡InstancedStereo（立体化渲染 设置为True）这时候项目会重新启动 2>. 添加后期盒子 找到Modes---Volumes----PostProcessVolume ，添加以后要把 Post Process Volime 选项下的Unb
UE4VR菜单键控制UI的打开与关闭（HTC Vive手柄）
weixin_65332378的博客
05-10 2682
1.内容浏览器，创建新蓝图：用户界面-Widgtblue print 2.打开该蓝图，修改fill screen 为custom，修改长宽（案例中为512） 3.控制板中image拖入窗口，左下角选择该对象，detail-appearance-brush选择图片 4.VRpawn蓝图打开，motioncontroller下添加widget更名UI1-放在摄像机或手柄前，更改缩放。，其user interface下widget class改为对应UI的BP 5.项目设置-engine-input添加动
UE4/VR/3DUI交互---动态弹出、动态视角跟随、防遮挡显示以及射线交互
New_WTF的博客
03-07 7812
VR/3DUI交互—动态弹出、动态视角跟随、防遮挡显示以及射线交互 VR3DUI交互实现（都是一些简单功能简单记录一下，最后附视频效果） 一、动态弹出 新建弹出事件，通过Timeline控制3DUI的Pitch（Y）轴；基本的蓝图类，初始化啥的就不赘述了；话不多说，上图。 这里需要先将3DUI设为Pawn的子对象；通过Alpha值设置角度；优化弹出效果，TimeLine可以做个曲线; 二、动态跟随 写在Tick事件里，Delta是限制角度，当视角跟3DUI角度偏差大于这个数值，就执行后续跟随跟随代码，直到角
HTC VIVE三.手柄与UI碰撞交互，手柄按键高亮、显示文字提示
qq_42322611的博客
04-11 1063
一、VR中的UI交互 实现效果： 手柄碰到要交互的UI，按下Trigger，执行UI上的方法 实现步骤： 1、新建Canvas，Render Mode改为World Space，缩放0.003，分辨率3 2、新建Button（需有Button组件），Button添加boxcollider、UIElement 3、执行的方法放到UIElement上 二、手柄按键高亮、按键文字提示 1、效果展示 2、代码控制 using UnityEngine; using Valve.VR.InteractionSystem
UE4中使用WidgetInteraction组件无法点击3DWidget按钮遇到的坑
丨漠河以北丨
11-04 8821
1.WidgetInteraction组件，相当于模拟鼠标射线功能，在VR中，在手柄上添加这个组件，去和3DUI交互很方便，楼主在开启ShowDebug后，运行程序，组件显示正常，然后通过手柄扳机节点，将扳机按下与松开转换成鼠标左键进行模拟鼠标点击。 2.开始楼主将Interaction Distance(WidgetInteraction组件的长度)调成3000，但是在实际程序运行中，一直无法...
我想在ue5里面实现poi里面的umg切换
最新发布
05-09
<think>好的，我现在需要帮助用户在UE5中实现POI系统的UMG界面切换。首先，我得理解用户的需求。他们想要在数字孪生系统中，当用户点击某个兴趣点（POI）时，切换不同的UMG界面。这可能涉及到UI的显示、隐藏以及交互逻辑的处理。 根据之前的知识，UE5中的UMG系统是基于控件的，可以通过蓝图或C++来操作。用户可能需要创建多个UMG界面，比如主界面、详细信息界面等，并根据点击事件进行切换。首先，我需要确定如何创建这些UMG控件，并在游戏运行时加载它们。 接下来，POI的点击事件如何触发UMG切换。可能需要使用到UE5的事件分发系统，比如在点击POI时触发一个事件，然后在UMG控件中监听这个事件，执行显示或隐藏的操作。这里需要注意UMG的层级管理，避免多个界面重叠或显示错误。 然后，考虑到性能，动态加载和卸载UMG控件可能更高效。用户可能需要使用Widget Switcher组件来管理多个界面的切换，这样可以在同一个父控件内切换不同的子界面，减少创建和销毁的开销。 另外，用户可能希望界面切换时有动画效果，这可以通过UMG的动画系统来实现。比如淡入淡出、滑动等效果，提升用户体验。需要确保动画的逻辑与界面切换的逻辑同步，避免出现界面显示不全或动画未完成的问题。 还有，数据传递的问题。当切换到详细信息界面时，可能需要显示特定POI的数据。这里涉及到如何将数据从POI传递到UMG控件，可能需要使用蓝图接口或事件传递参数。 最后，测试和优化。确保在不同情况下切换界面不会导致崩溃或内存泄漏，尤其是在频繁切换时。需要检查UMG控件的生命周期管理，是否正确地释放资源。 总结步骤可能包括：创建UMG控件、设置Widget Switcher、绑定POI点击事件、处理界面切换逻辑、添加动画效果、数据传递，以及测试优化。需要将这些步骤详细地分步说明，确保用户能够按照指导实现功能。</think>在UE5中实现POI系统的UMG界面切换，可以通过以下步骤完成： ### 一、基础框架搭建 1. **创建主界面容器** - 新建`Widget Blueprint`命名为`WBP_POIMaster` - 添加`Widget Switcher`组件到画布，命名`Switcher_POI` - 设置Switcher尺寸为匹配父级容器 2. **创建子界面** - 新建多个UMG界面如： - `WBP_POI_BaseInfo`（基础信息） - `WBP_POI_Detail`（详细信息） - `WBP_POI_Interaction`（交互操作） ### 二、界面切换逻辑 1. **初始化界面** ```cpp // 在POI Actor的BeginPlay事件中 TSubclassOf<UUserWidget> MasterClass = LoadClass<UUserWidget>(...); MasterWidget = CreateWidget<UUserWidget>(GetWorld(), MasterClass); MasterWidget->AddToViewport(); ``` 2. **实现切换函数** ```cpp // 在WBP_POIMaster蓝图中创建自定义事件 void SwitchPOIWidget(int32 Index) { if(Switcher_POI->GetNumWidgets() >= Index) { Switcher_POI->SetActiveWidgetIndex(Index); } } ``` ### 三、POI交互绑定 1. **在POI Actor中设置交互事件** ```cpp // 点击事件处理 void APOI_Actor::OnClicked(UPrimitiveComponent* Component, FKey Key) { POIDelegate.Broadcast(this->POIID); // 分发带参数的委托 } ``` 2. **UMG界面绑定数据** ```cpp // 在子界面初始化时绑定数据 void UWBP_POI_Detail::InitializeWithData(FPOIData Data) { TextBlock_Name->SetText(FText::FromString(Data.Name)); Image_Icon->SetBrushFromTexture(Data.Icon); } ``` ### 四、高级功能实现 1. **切换动画**： - 在UMG动画编辑器中创建`FadeIn/FadeOut`动画序列 - 使用`BindWidgetAnim`动态控制动画播放 2. **内存优化**： ```cpp // 使用异步加载技术 TSoftClassPtr<UUserWidget> WidgetClassRef; UClass* WidgetClass = WidgetClassRef.LoadSynchronous(); ``` ### 五、推荐方案对比 | 方案 | 优点 | 缺点 | 适用场景 | |------|------|------|----------| | WidgetSwitcher | 内存占用低，切换快 | 需要预加载所有界面 | 界面数量少时 | | DynamicCreate | 内存占用灵活 | 切换时有延迟 | 界面复杂度高时 | | LevelStreaming | 完全隔离逻辑 | 实现复杂 | 大型场景管理 | ### 六、常见问题解决 1. **界面层级问题**： - 在`Project Settings -> Engine - User Interface`中调整`Z-Order`设置 2. **输入穿透**： - 设置`Widget的Visibility`属性为`Hit Test Invisible`防止误操作 3. **多语言支持**： ```cpp // 使用LOCTEXT宏实现本地化 TextBlock->SetText(LOCTEXT("POI_Key", "兴趣点")); ``` ### 引用说明 上述实现方法参考了UE5的UMG最佳实践[^1]，建议结合项目需求调整具体参数。对于数字孪生系统中的POI系统，还需注意与GIS数据的对接。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值