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

本文概述

要求
实现

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

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

文章图片
但是, 你仍然可以使用插件来更改颜色。在这种情况下, 我们谈论的是cordova-plugin-headercolor, 它使你可以使用Java脚本轻松地更改标题栏颜色并提供十六进制(HEX)颜色。
要求 【如何使用Cordova在android中更改应用程序标题颜色(在最近的应用程序视图中)】为了实现我们的目标, 我们在项目中需要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方法。此方法期望将十六进制字符串标识为所需的应用程序标题的颜色。