一、Cordova StatusBar简介
1.全局对象StatusBar 提供了修改设备状态栏的方法,需要在deviceready事件之后使用。
2.iOS中接口都支持,Android支5.0以下版本持的相对较少,仅支持状态栏的显示show()和隐藏hide()。
3.这个插件可以控制显示、隐藏、设置状态栏背景色等简单操作
4、官方文档:http://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/index.html
二、安装命令
cordova plugin add cordova-plugin-statusbar三、使用操作整理1.Android 5.0以下 支持的接口比较少show()和hide() 等
StatusBar.isVisible 是否已经显示StatusBar.hide(); 隐藏状态栏StatusBar.show(); 显示状态栏
2.Android 5.0以上,支持设置背景
使用十六进制设置背景:
StatusBar.backgroundColorByHexString("#C0C0C0");
StatusBar.backgroundColorByHexString("#333"); // => #333333StatusBar.backgroundColorByHexString("#FAB"); // => #FFAABB使用名称设置背景:
StatusBar.backgroundColorByName("red");3.程序启动时,配置的状态栏样式,也就是在页面加载的过程中已经显示了。config.xml
StatusBarOverlaysWebView (boolean, defaults to true). 指定是否重叠.
<PReference name="StatusBarOverlaysWebView" value="true" />
StatusBarBackgroundColor (color hex string, no default value). 设置16进制的颜色,不设置为透明色。
<preference name="StatusBarBackgroundColor" value="#000000" />
StatusBarStyle (status bar style, defaults to lightcontent). On iOS 7, 设置启动时状态栏样式 lightcontent, blacktranslucent, blackopaque.
<preference name="StatusBarStyle" value="lightcontent" />4.ios或其他设备中的接口
是否重叠:
StatusBar.overlaysWebView(true);重置为默认样式
StatusBar.styleDefault();
StatusBar.styleLightContent();
StatusBar.styleBlackTranslucent();
StatusBar.styleBlackOpaque();
更多:
cordova-plugin-file-transfer实现文件上传、下载整理(二)
cordova-plugin-file 文件操作整理(三)
Apache Cordova开发环境搭建(二)VS Code
新闻热点
疑难解答