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

本文概述

• 要求
• 实现

默认情况下, Android Lollipop(或主要版本)中的cordova应用程序将具有浅蓝色(十六进制：＃58acd1, RGB：rgb(88、172、209), HSL：hsl(198、57％, 58％))默认颜色, 无法在config.xml文件中进行更改。

但是, 你仍然可以使用插件来更改颜色。在这种情况下, 我们谈论的是cordova-plugin-headercolor, 它使你可以使用Java脚本轻松地更改标题栏颜色并提供十六进制(HEX)颜色。

要求

为了实现我们的目标, 我们在项目中需要cordova-plugin-headercolor。使用以下命令添加插件：

cordova plugin add https://github.com/tomloprod/cordova-plugin-headercolor

安装之后, window.plugins.headerColor.tint(“＃hexColorHere”)方法将在窗口上可用(在deviceready事件之后)。你可以在github存储库中了解有关此插件的更多信息。

实现

在cordova的deviceready事件之后, headerColor对象将被添加到window.plugins全局变量中。

添加一个设备就绪的侦听器(如果没有), 并使用headerColor属性的tint方法。此方法期望将十六进制字符串标识为所需的应用程序标题的颜色。

document.addEventListener('deviceready', function(){
    // Change the color
    window.plugins.headerColor.tint("#becb29");
}, false);

现在, 使用cordova run android构建你的应用, 并在最近的应用视图中查看新颜色。