【UE4】WebUI插件实现HTML透明区域事件穿透响应

UE4自带的WebBroswer插件无法实现HTML页面透明区域事件响应，还好有那么一个免费的WebUI插件完美的解决了问题，插件下载：

链接：https://pan.baidu.com/s/1_ry_cxiYCKA7Yeqv5g07xA
提取码：537v

下载好之后解压，将插件复制到项目的Plugins文件夹，另外新建一个UI文件夹存放HTML页面

包含三个插件，WebUI及两个附加插件

打开项目后首先要将UE4自带的WebBroswer插件开启，随后确保新增的三个插件已开启

新建一个Widget蓝图

找到Web Interface组件设置好需要展示的区域

重点将 Enable Transparency 开启，即可实现透明区域响应鼠标事件，其他参数保持默认即可

编写蓝图加载HTML文件

在关卡蓝图中创建Widget并展示在屏幕上

大功告成！接下来就自行发挥了

【视频秀一下】https://www.bilibili.com/video/BV1rk4y1B7uC

【UE4】WebUI插件实现HTML透明区域事件穿透响应相关推荐

UE4 WebUI插件分享
UE4 WebUI插件分享方便那些无法访问外网的朋友插件包含了4个版本(4.24~4.27),每个版本里面包含了四4个压缩包每个压缩包里面都包含了自身的安装方法链接:https://pan.b ...
UE4 WebUI插件
目录说明 WebUI插件 ECharts 使用方法下载插件插件加载创建控件页面加载与通信 HTML文件打包设置 CEF3 说明(下载链接没挂,需GitHub登录且拥有访问UnrealEng ...
UE4 如何解决使用WebUI插件时没法输入中文的问题
UE4 如何解决使用WebUI插件时没法输入中文的问题首先确定你使用的是Web Interface还是Web Browser,然后新建一个继承自他们的C++类,绑定下输入法,最后在你建立的webU ...
UE4制作插件的插件神器pluginCreator
本文章由cartzhang编写,转载请注明出处. 所有权利保留. 文章链接:http://blog.csdn.net/cartzhang/article/details/45644007 作者:car ...
UGUI 事件穿透规则
UGUI 事件穿透规则 UGUI事件分为两大类:点击和拖拽. 点击包括 pointerdown, pointerup. 拖拽包括 begindrag, drag, enddrag. 点击事件无穿透:只 ...
移动端页面滑动事件穿透问题及其解决方案
滑动事件穿透: 在一个可滚动的列表页中打开弹窗,底部的页面理论上是不可滚动的,但是当滑动弹窗时,底部页面会跟随滚动,这就是所谓的页面滚动穿透的问题. 解决方案一: 当弹窗显示时,在父元素上添加fix类 ...
小程序遮罩层（阻止事件穿透）
小程序遮罩层(阻止事件穿透) 若弹出层没有滚动事件直接在蒙板上加catchtouchmove="preventTouchMove" 即可 <view class=&quo ...
Unity之引导功能遮罩事件穿透
Unity之新手引导shader遮罩事件穿透效果图设计思路 1.新手引导我们期待开发内容不影响正常的功能模块,意思就是分层,新手引导在正常功能之上 2.新手引导层级用一层深色bg显示遮住正常功能层 ...
uni-app 遮罩层事件穿透解决办法catchtouchmove
前言: 最近在做遮罩层相关的组件时,发现出现遮罩层后,其比遮罩层层级低的其他组件依然能滑动滚动,这就很无语.后面我尝试通过各种布尔值试图阻断这种情况,后面越做越复杂,逻辑越做越乱.再后来发现了一个专门 ...
ios 事件穿透的原因和解决方法
由于任务需要有时候界面需求要一个半透明的视图这样,你可以看见下一个视图 ,点击的时候,有可能就直接点击到底层视图导致底层视图做出响应,而半透明的视图纹丝不动,其实造成这种原因最主要的一个原 ...

【UE4】WebUI插件实现HTML透明区域事件穿透响应

【UE4】WebUI插件实现HTML透明区域事件穿透响应相关推荐

最新文章

热门文章