Cocos XR的WebBox实现流程

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 流程图:

有空补

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值