标签：HUD 插件 网页 蓝图 穿透 WebUI 组件 ue4

先前使用ue4自带的web brower插件嵌入了网页，但是全屏覆盖网页的时候，网页层劫持了鼠标对场景的操作控制。

之前的项目中为了实现这种透明区域可控，同事采用的是在User Interface-->Widget Blueprint组件中如下布局：

这样确实也实现了所需要的功能，但是可以看到由于四块页面是分开的，所以这四块要分4个页面写。

那么问题来了，可不可以只用一个web brower组件，并且还能实现透明区域点击穿透，让场景响应鼠标操作呢？

这就是同事最近发现的一个web插件---WebUI，我也跟着学习了一波，插件我已经传到百度云了，地址如下：

链接：https://pan.baidu.com/s/1Hw7hHXetdQ4JzRcJgiSyNQ 提取码：jyrl

1.下载插件

 

下载好插件之后，放到上述文件夹下(引擎版本4.24.3，平台windows)

然后打开项目，在插件窗口开启该插件

 

2.编写组件蓝图

User Interface-->Widget Blueprint

这一步和之前差不多，多了几个关于透明穿透的设置

 

依次是：

开启透明穿透，

穿透值（透明度小于该值就穿透），

穿透延迟。

3.编写HUD蓝图类

新建一个HUD蓝图类，然后写蓝图

 

其实你也可以直接利用上一篇的蓝图；

其实就是添加自己写的UI组件到场景中，但是上图的蓝图额外添加了对网页的事件处理和始终显示鼠标

4.world setting添加hud

写完上述HUD类之后，设置在wirld setting中设置HUD class

 

这个小写的hud就是我之前自己写的那个HUD类。

至此，Web UI插件的应用就结束了。

 

 

标签：HUD,插件,网页,蓝图,穿透,WebUI,组件,ue4
来源： https://www.cnblogs.com/eco-just/p/12877166.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。