首页 > 学院 > 开发设计 > 正文

cordova-plugin-statusbar状态栏设置整理

2019-11-06 09:56:05
字体:
来源:转载
供稿:网友

一、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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表