前面提到使用vue开发APP,自己不太熟悉,后来了解到有这个mui框架,然后改变状态栏颜色和监听返回键也是使用的这个框架,后来又遇到了一些问题,但是官网没有写操作方法(也许是没找到),后来在网上找到了解决办法,现在稍微总结一下,个人认为这个框架很强大
老规矩先上 mui框架官网
初始化mui框架mui.init();
当DOM准备就绪时,指定一个函数来执行,进入页面执行的函数基本写在这个里面,例如改变状态栏字的颜色等等
mui.plusReady(function() {//函数体})
获取Android权限
plus.android.requestPermissions(["权限名"],function(resultObj){console.log(resultObj)})例如获取相机权限plus.android.requestPermissions(["android.permission.CAMERA"],function(resultObj){console.log(resultObj)})
具体有哪些权限可以在打包时看Android权限配置,这里打钩不一定有效,例如我上面使用的相机权限,但是可以看到权限名称
关闭软件盘
document.activeElement.blur();
更改状态栏字的颜色
plus.navigator.setStatusBarStyle("dark");//dark深色;light浅色
.11.10更新
唤醒其他APP老总之前让开发的APP,现在搞了一个广告屏,想用一个APP开启自启,然后开发的这些应用在APP里面直接点击按钮唤醒
plus.runtime.openURL(UrlSchemes, errorCB,identity);第一个参数是要唤醒的应用的url,必选第二个参数是打开URL地址失败的回调,可选第三个参数是指定打开URL地址的程序名称,可选
需要唤醒的APP打包时填写这个,我这里填的是 collect(采集),如果不填这个默认是应用的appid小写
代码写的时候
使用npm run build打包后再使用HbuilderX打包5+APP应用安装可以使用,使用浏览器没反应
另外还有个不使用mui框架的方法就是直接使用a标签链接也可
.1.19更新
隐藏手机下方虚拟按键上面那个APP,要完全不让别人退出,需要隐藏下面的虚拟导航栏,例如返回键和桌面键
plus.navigator.hideSystemNavigation();
后续遇到其它问题再补充
也可以看我之前写的一些解决5+APP的博客
HbuilderX打包的vue项目,状态栏问题
解决使用HbuilderX打包vue项目后,按物理返回键直接退出程序的问题
HbuilderX打包vue移动端项目自有证书生成