前面提到使用 vue 开发 APP,自己不太熟悉,后来了解到有这个 mui 框架,然后改变状态栏颜色和监听返回键也是使用的这个框架,后来又遇到了一些问题,但是官网没有写操作方法(也许是没找到),后来在网上找到了解决办法,现在稍微总结一下,个人认为这个框架很强大

老规矩先上 mui 框架官网

  1. 初始化 mui 框架
mui.init();
  1. 当 DOM 准备就绪时,指定一个函数来执行,进入页面执行的函数基本写在这个里面,例如改变状态栏字的颜色等等
mui.plusReady(function() {
	//函数体
})
  1. 获取 Android 权限
plus.android.requestPermissions(
	["权限名"],
	function(resultObj){
		console.log(resultObj)
	}
)
例如获取相机权限
plus.android.requestPermissions(
	["android.permission.CAMERA"],
	function(resultObj){
		console.log(resultObj)
	}
)

具体有哪些权限可以在打包时看 Android 权限配置,这里打钩不一定有效,例如我上面使用的相机权限,但是可以看到权限名称
在这里插入图片描述

  1. 关闭软件盘
document.activeElement.blur();
  1. 更改状态栏字的颜色
plus.navigator.setStatusBarStyle("dark");//dark深色;light浅色

2021.11.10 更新

老总之前让开发的 APP,现在搞了一个广告屏,想用一个 APP 开启自启,然后开发的这些应用在 APP 里面直接点击按钮唤醒

  1. 唤醒其他 APP
plus.runtime.openURL(UrlSchemes, errorCB,identity);
第一个参数是要唤醒的应用的url,必选
第二个参数是打开URL地址失败的回调,可选
第三个参数是指定打开URL地址的程序名称,可选

需要唤醒的 APP 打包时填写这个,我这里填的是 collect(采集),如果不填这个默认是应用的 appid 小写
在这里插入图片描述
代码写的时候
在这里插入图片描述
在这里插入图片描述
使用 npm run build 打包后再使用 HbuilderX 打包 5+APP 应用安装可以使用,使用浏览器没反应
另外还有个不使用 mui 框架的方法就是直接使用 a 标签链接也可
在这里插入图片描述

2022.1.19 更新

上面那个 APP,要完全不让别人退出,需要隐藏下面的虚拟导航栏,例如返回键和桌面键 7. 隐藏手机下方虚拟按键

plus.navigator.hideSystemNavigation();

后续遇到其它问题再补充

也可以看我之前写的一些解决 5+APP 的博客
HbuilderX 打包的 vue 项目,状态栏问题
解决使用 HbuilderX 打包 vue 项目后,按物理返回键直接退出程序的问题
HbuilderX 打包 vue 移动端项目自有证书生成

❀❀❀❀❀❀ 完结散花 ❀❀❀❀❀❀

Written ❤️ sywdebug.
Logo

前往低代码交流专区

更多推荐