锐客网

  1. 首页 > 生活百科 > it技术 > >

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

iosandroid颜色移动开发IT知识项目示例状态栏

本文概述

  • 支持平台
  • 安装插件
  • 使用插件
【如何在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="http://www.srcmini.com/#000000" />

这将是有效的。如果需要动态更改颜色, 则可以使用backgroundColorByHexString函数或backgroundColorByName。只要确保将其包装在onDeviceReady事件中即可。
document.addEventListener("deviceready", function(){StatusBar.backgroundColorByHexString("#303F9F"); }, false);

先前的代码应将状态栏颜色设置为：
如何在Cordova项目中更改Android棒棒糖和棉花糖的状态栏颜色

文章图片
玩得开心

    推荐阅读


    上一篇：如何在Cordova中更改apk的版本代码

    下一篇：如何使用Cordova在android中更改应用程序标题颜色(在最近的应用程序视图中)