如何在Cordova项目中更改Android棒棒糖和棉花糖的状态栏颜色

本文概述

• 支持平台
• 安装插件
• 使用插件

Android 5.0 Lollipop引入了Material Design主题, 该主题根据主题的ColorPrimaryDark值自动为状态栏着色。从版本21开始, 由于库support-v7-appcompat支持, 因此在设备pre-lollipop上支持此功能, 但是对于cordova, 此状态栏将始终为黑色(棒棒糖)或浅青色(棉花糖)。要更改它, 我们将使用插件。

注意：Android 5+准则指定状态栏使用与主应用程序颜色不同的颜色。

支持平台

当我们要使用插件时, 它不仅支持Android：

• iOS。
• Android> = 5。
• Windows Phone 7。
• Windows Phone 8。
• Windows Phone 8.1。

安装插件

要更改android statusbar的颜色, 我们将使用cordova-plugin-statusbar。此安装方法要求cordova> = 5.0。

cordova plugin add cordova-plugin-statusbar

如果你使用的是旧版本的cordova, 你仍然可以通过已弃用的cordova存储库ID进行安装

cordova plugin add org.apache.cordova.statusbar

使用插件

要更改颜色, 我们将在项目的config.xml文件中添加以下标记。

<preference name="StatusBarBackgroundColor" value="#000000" />

这将是有效的。如果需要动态更改颜色, 则可以使用backgroundColorByHexString函数或backgroundColorByName。只要确保将其包装在onDeviceReady事件中即可。

document.addEventListener("deviceready", function(){
  StatusBar.backgroundColorByHexString("#303F9F");
}, false);

先前的代码应将状态栏颜色设置为：

玩得开心