和谐校园网站建设北京住房和城乡建设厅官网

1. 正常3D场景下的webview

1.1 组件角色

Cocos Creator正常3D场景下只有在UI组件才支持webview，即作为下图中的UI Nodes(Canvas Node)的子节点，和3D组件是隔离开的，不能显示在3D空间中，UI Nodes(Canvas Node)是一个平面内的矩形形状的节点，其中的子节点全部显示在父节点内部，可以看作最终会覆盖在屏幕上的2D控件，这个webview会显示在其他所有组件的上方，不遵循Cocos的层级关系（直接在surfaceview上层显示了Android的webview控件）

1.2 TS调用安卓的webview控件接口：

ts实现接口跟web平台下一致：engine\cocos\web-view\web-view.ts
Jsb 自动绑定的接口：工程目录\build\android\proj\build\Debug\xxxxxxx\arm64-v8a\generated\cocos\bindings\auto\jsb_webview_auto.cpp/h
c++ 封装接口：engine\native\cocos\ui\webview\WebView.h
jni接口：engine\native\cocos\ui\webview\WebViewImpl-android.cpp
控件实现：engine\native\cocos\platform\android\java\src\com\cocos\lib\CocosWebView.java

2. XR场景下的webview

2.1 工程入口

Android平台下的XR模式下的webview是通过插件的方式支持的，该插件的c++代码未开源，以静态库形式提供，创建工程后，插件会被下载到工程目录下：ProjectPath\extensions\xr-plugin，
webview入口：ProjectPath\extensions\xr-plugin\assets\xr\component\webview\xr-webview.ts
Android底层实现是：engine\native\cocos\platform\android\libcocosxr\src\com\cocos\lib\xr\下的CocosXRWebViewContainer.java和 CocosXRWebViewManager.java类：

2.2 流程图：

有空补