虚幻插件WebUI的使用

WebUI获取途径

从Github,EPIC组织里下载试用版 ，就是无法通过C++编译。可以从淘宝购买。

图表呢，你可以直接写Web前端。但echarts上提供了很多，可以从 Apache ECharts  获取

这里就不过多赘述虚幻如何导入插件了。

插件的使用

可以在里面看到很多图表，我们找到我们想要的，修改成我们自己想要的样子。

得到我们想要的图表样式后，我们打开下载下来的网页源码。

在代码中添加这一段。

 

"object"!=typeof ue||"object"!=typeof ue.interface?("object"!=typeof ue&&(ue={}),
ue.interface={},ue.interface.broadcast=function(e,t){if("string"==typeof e){
var o=[e,""];void 0!==t&&(o[1]=t);var n=encodeURIComponent(JSON.stringify(o));
"object"==typeof history&&"function"==typeof history.pushState?(history.pushState(
{},"","#"+n),history.pushState({},"","#"+encodeURIComponent("[]"))):
(document.location.hash=n,document.location.hash=encodeURIComponent("[]"))}}):
function(e){ue.interface={},ue.interface.broadcast=function(t,o){
"string"==typeof t&&(void 0!==o?e.broadcast(t,JSON.stringify(o)):
e.broadcast(t,""))}}(ue.interface),ue5=ue.interface.broadcast;

我们添加完后，就可以在虚幻中进行使用了，创建好工程，打开插件，创建UMG界面，

 

放到我们想放的位置大小后，我们将其设为变量。

红色地方呢，我创建了一个函数，只是资源的引用路径，对字符串进行了拼接。蓝色框中呢可更改资源引用路径的位置

 

 /UI的文件位置呢在

 

另外一个就是资源路径就不多赘述了。

Load file节点加载网页到UI。

 

接下来是对数据的修改(必须添加上面的那段对UE引用的那串代码)

 定义ue能调用的函数 ue.interface.函数名=function(uedata) 

当鼠标点击后就能更改数据，便是成功了。 

定义一个js调用ue的。