上一次测试了 Cocos 直接打包鸿蒙应用，体验极度舒适。但是，对于 Cocos 之外的其他游戏引擎使用者，例如 Laya，例如 Egret，特别是 Unity，有什么办法可以在鸿蒙上开发游戏呢？
由于这些引擎的底层与 Cocos 不同，不能直接用 Cocos 的代码，所以在这些引擎为鸿蒙提供原生支持之前，我们需要一个曲线救国的方法。
于是乎，我想到了：Webview。
官方文档：
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-webview-0000001092715158
使用 Webview 在鸿蒙设备上运行 Unity 游戏需要几个步骤？
用 Webview 在鸿蒙上运行 Unity 游戏
①创建鸿蒙全屏工程
②添加 Webview
这个工程的布局很简单，就是一个全屏的 image 组件，把 image 组件替换成 webview 即可。
将模板 layout 中的 image 组件替换成 webview：
<ohos.agp.components.webengine.WebView
ohos:id="$+id:webview"
ohos:height="match_parent"
ohos:width="match_parent">
</ohos.agp.components.webengine.WebView>
注意：该模板提供了 2 个 layout，land_main 是横屏，port_main 是竖屏，根据需要或者直接都替换掉。
初始化 webview，并加载 url，在 MainAbilitySlice 中，添加方法 initWebview：
// 初始化webview，并加载url
private void initWebview(){
WebView webView = (WebView) findComponentById(ResourceTable.Id_webview);
webView.getWebConfig().setJavaScriptPermit(true); // 如果网页需要使用JavaScript，增加此行；如何使用JavaScript下文有详细介绍
final String url = EXAMPLE_URL; // EXAMPLE_URL由开发者自定义
webView.load(url);
}
并在 onStart 方法中调用：
③隐藏标题栏
添加完 Webview 组件，就可以用它来查看网页了。下图中，展示了我的博客，可以看到，标题栏还在。
为了提供更好的体验，我们想办法把它隐藏。以下方法来自钟发发老师：
①在 config.json 中设置 NoTitleBar：
"abilities": [
{
...
"metaData":{
"customizeData":[
{
"name": "hwc-theme",
"value": "androidhwext:style/Theme.Emui.NoTitleBar",
"extra":""
}
]
}
...
}
②在 onStart 中设置 MARK_TRANSLUCENT_STATUS，注意，以下代码需要在 setUIContent 之前调用：
// 沉浸式显示（by 钟发发老师)
this.getWindow().addFlags(WindowManager.LayoutConfig.MARK_TRANSLUCENT_STATUS);
// setUIContent 之前
再次测试 Webview，这次标题栏就隐藏了：
④设置 Webview 加载 Unity Webgl 游戏
⑤打开远程真机，进行调试
与 Cocos 项目一样，模拟器无法正常演示游戏，需要使用远程真机来调试。参考上一篇：《用DevEco 2.2远程真机调试+Cocos Creator 3.2开发一个鸿蒙游戏》
完成~
如何加载本地资源？
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-webview-0000001092715158
最后，非常感谢钟发发老师在我遇到困难时，第一时间伸出援手，非常感谢，比心。
👇点击关注鸿蒙技术社区👇
鸿蒙技术社区
HarmonyOS（鸿蒙）技术社区是由51CTO和华为共同打造的综合性开发和应用技术社区。
公众号
了解鸿蒙一手资讯
点“阅读原文”了解更多
来源:https://mp.weixin.qq.com/s/wzQ9-F1qs6Z86gh1_-5amg
发表评论 取消回复