Unity 移动设备内嵌网页《UniWebView2.7》的基本使用

前言：

《UniWebView》可以向Unity移动端app中添加网页试图；

本文使用插件为：UniWebView 2.7  

功能：加载本地和网络网页进行浏览

官方插件下载地址：https://assetstore.unity.com/packages/tools/network/uniwebview-3-92605（最新3.13.0）

插件及demo下载地址：https://download.csdn.net/download/qq_41853535/11248442（UniWebView2.7）

 

插件导入：

首次我们导入插件可以看到 列表信息如下图

首先我看到一个StreamingAssets文件夹 这里面我们可以放一下自己的一些离线网页 用于加载

UniWebView文件夹下会有几个demo文件夹 这下面有一些不同的功能demo Scene

我们下面来打开Top Scene

我们可以看到这是一个所有功能 的功能页 他可以通过点击每个不同功能的按钮来跳转到相应的功能页 

我们来看看使用效果

 

我们 可以填写一些网络地址来浏览查看 可以看到我这里是以百度为例的 你可以在百度网页进行搜索以及进行视频播放

可以看到打开的网页 和手机浏览器打开的界面是很相似的  界面适配也非常完美  

当然你也可以旋转浏览本地离线的网页   只需要使用场景3  Local HTML就可以了 

这时候你需要配置一下你要浏览的本地网页的存放路径 或者你自己写的Html

在MainCamera上的有一个Local HTML Local Manager脚本 我们来配置这个脚本中的两个属性来确保打开正确的网页

File Name：这个是你要选择的离线网页的路径和名字  脚本内部就已经将StreamingAssets文件夹路径写好了  只需要填写StrewmingAssets以后的路径就OK了 （不同设备的StreamingAssets文件夹路径是不同的）

Html Text：这里就是你自己编写的Html代码了  是可以直接通过打开的

我这里是使用的Android模拟器打开的 （便于对比） 可以看出 通过网页和Android开发显示的网页是完全相同的 

下面我们来看一下怎样改变试图显示的位置

我通过场景4快捷的设置了一下  Top  Left Bottom Right 分别表示上下左右分别距离边界的距离  

你如果向直接设置好初始位置  通过设置UniWebViewObject(这里直接设置成预制体了)上UniWebView脚本上Insets属性 来操作

以及是否在Star（）就加载显示 如果不可以通过调用脚本中的方法加载显示

Run JavaScript In Web

CallBack From Web

 

如果你想自己配置一些UI界面以及在特定的时候加载和显示   这里已经把加载和显示的方式都配置在每个场景中的脚本中了 

每个场景中都有相对应的脚本  你只需要调用脚本中封装好的方法APi就可以了   很是方便快捷

 

以上就是UniWebView2.7.0的基本使用介绍 此插件目前支持Android . IOS  And WP8 暂时不支持pc端

如果有任何问题 请联系qq:1083787402

 

插件下载:

 

官方插件下载地址：https://assetstore.unity.com/packages/tools/network/uniwebview-3-92605（最新3.13.0）

插件及demo下载地址：https://download.csdn.net/download/qq_41853535/11248442（UniWebView2.7）