CN113535297A - 应用程序状态栏的显示方法、装置、设备及存储介质 - Google Patents

Abstract

本申请为图像提取技术领域，本申请提供了一种应用程序状态栏的显示方法、装置、设备及存储介质，其中，所述方法包括：响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像，根据图像的主色调确定主色调对应的目标页面的状态栏文字颜色；根据状态栏文字颜色配置目标页面的状态栏，得到目标状态栏，将目标状态栏在目标页面中显示。本申请根据目标页面的主色调配置相应的状态栏文字颜色，使状态栏文字颜色随页面主色调的切换而改变，以提高应用程序的状态栏显示效果。

Description

应用程序状态栏的显示方法、装置、设备及存储介质

技术领域

本申请涉及图像提取技术领域，具体而言，本申请涉及一种应用程序状态栏的显示方法、装置、设备及存储介质。

背景技术

随着信息技术的发展，基于智能手机操作系统(如iOS系统)的智能手机越来越常见。在操作系统的应用程序页面，最上方会有一个状态栏，用于显示如时间、电量、信号情况、网络情况等状态信息。

传统的智能手机的状态栏色调比较单一，状态栏中的状态栏文字颜色为白色和黑色两种样式，导致应用程序的状态栏显示效果较差。

发明内容

本申请的主要目的为提供一种应用程序状态栏的显示方法、装置、设备及存储介质，以提高应用程序的状态栏显示效果。

为了实现上述发明目的，本申请提供一种应用程序状态栏的显示方法，其包括以下步骤：

响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像；

根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色；

根据所述状态栏文字颜色配置所述目标页面的状态栏，得到目标状态栏；

将所述目标状态栏在所述目标页面中显示。

优选地，所述根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色，包括：

将所述图像输入预先训练好的图像分类模型中，输出所述主色调对应的目标页面的状态栏文字颜色；其中，所述图像分类模型的训练方法包括：

获取已确定主色调的样本图像及每张样本图像对应已标注的标准状态栏文字颜色；

将所述样本图像及每张样本图像对应已标注的标准状态栏文字颜色输入图像分类模型中，对所述图像分类模型进行训练；

获取所述图像分类模型每次训练后的训练结果，根据训练结果计算所述图像分类模型每次训练后的损失值；

判断所述损失值是否小于预设损失值；

若是，完成所述图像分类模型的训练，得到训练好的所述图像分类模型。

优选地，所述根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色，包括：

提取所述图像的主色调，并获取所述应用程序的状态栏的默认状态栏文字颜色；

计算所述主色调与所述默认状态栏文字颜色的色差；

根据所述色差确定所述目标页面的状态栏文字颜色。

优选地，所述根据所述色差确定所述目标页面的状态栏文字颜色，包括：

判断所述主色调与默认状态栏文字颜色的色差是否在预设值内；

若是，将所述默认状态栏文字颜色作为所述目标页面的状态栏文字颜色；

否则，从颜色库中选取与所述主色调的色差最小的状态栏文字颜色，得到目标状态栏文字颜色，将所述目标状态栏文字颜色作为所述目标页面的状态栏文字颜色。

优选地，所述截取含有目标页面的主色调的图像，包括：

确定所述目标页面的状态栏的边框区域；

从所述目标页面中截取距离所述边框区域预设距离内的图像区域，作为含有所述目标页面的主色调的图像。

进一步地，所述将所述目标状态栏在所述目标页面中显示之后，还包括：

获取所述目标状态栏的状态栏背景颜色，并根据所述状态栏背景颜色和所述目标页面的主色调确定渐变颜色组；其中，所述渐变颜色组中包括多个渐变颜色；

获取所述目标页面的内容显示进度；

根据所述渐变颜色及所述内容显示进度对所述目标状态栏进行渐变显示，以对所述状态栏的状态栏背景颜色进行颜色调整。

进一步地，所述根据所述渐变颜色及所述内容显示进度对所述目标状态栏进行渐变显示之前，还包括：

计算所述渐变颜色与所述状态栏文字颜色之间的色差；

判断所述渐变颜色与所述状态栏文字颜色之间的色差是否在预设值内；

若是，执行根据所述渐变颜色及所述内容显示进度对所述目标状态栏进行渐变显示；

否则，不调整所述状态栏的状态栏背景颜色。

本申请还提供一种应用程序状态栏的显示装置，其包括：

截取模块，用于响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像；

确定模块，用于根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色；

配置模块，用于根据所述状态栏文字颜色配置所述目标页面的状态栏，得到目标状态栏；

显示模块，用于将所述目标状态栏在所述目标页面中显示。

本申请还提供一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述任一项所述方法。

本申请还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述任一项所述方法。

本申请所提供的一种应用程序状态栏的显示方法、装置、设备及存储介质，首先响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像，根据图像的主色调确定主色调对应的目标页面的状态栏文字颜色；然后根据状态栏文字颜色配置目标页面的状态栏，得到目标状态栏，将目标状态栏在目标页面中显示，从而根据目标页面的主色调配置相应的状态栏文字颜色，使状态栏文字颜色随页面主色调的切换而改变，以提高应用程序的状态栏显示效果。

附图说明

图1为本申请一实施例的应用程序状态栏的显示方法的流程示意图；

图2为本申请一实施例的应用程序状态栏的显示装置的结构示意框图；

图3为本申请一实施例的计算机设备的结构示意框图。

本申请目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

参考图1，本申请提出一种应用程序状态栏的显示方法，以智能手机或计算机设备为执行主体，用于提高应用程序的状态栏显示效果，参照图1，其中一个实施例中，该应用程序状态栏的显示方法包括如下步骤：

S11、响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像；

S12、根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色；

S13、根据所述状态栏文字颜色配置所述目标页面的状态栏，得到目标状态栏；

S14、将所述目标状态栏在所述目标页面中显示。

如上述步骤S11所述，当用户在智能手机或计算机设备的显示界面上左右滑动或点击时，发起从当前显示页面切换至目标页面的切换指令，该目标页面为显示界面下一次显示的页面。智能手机响应于所述切换指令，获取待切换至的目标页面，从待切换至的目标页面中截取目标页面部分或全部的图像，如截取目标页面的背景区域作为图像，并提取出图像中的主色调。其中，所述主色调可以是目标页面中颜色占比最大的颜色。例如，当目标页面中整体呈现的主题颜色为紫色时，则将紫色作为目标页面的主色调。

在提取图像中的主色调时，可获取图像中所有像素点的颜色特征，统计每种颜色特征的像素点数量，将像素点数量最多的颜色特征作为目标页面的主色调。其中，这里图像的像素值可以反映每个像素点的颜色特征，通过统计图像中像素点的颜色特征分布情况，获取页面中各个区域的图像整体的颜色。

此外，还可以通过扫描页面中各个区域的可视化图像的像素值，得到页面中各个区域的可视化图像整体的颜色特征，该可视化图像整体的颜色特征能够反映图像中整体视觉颜色，即图像的主色调。

需要说明的是，本申请实施例中页面适用于原生页面、H5页面，对于原生页面，智能手机在响应于页面的加载请求后，能够直接从服务端获取到页面资源数据，该页面资源数据通常为列表单元形式，直接对列表资源进行渲染；对于H5页面，智能手机在响应于页面的加载请求后，会获取页面资源数据，该资源数据为HTML文档对象，由上至下加载页面资源数据，并在加载页面资源数据的过程中进行解析渲染。

如上述步骤S12所述，本步骤获取图像后，可根据图像的主色调确定主色调对应的目标页面的状态栏文字颜色，以为所述主色调选取对应的目标页面的状态栏文字颜色。其中，状态栏文字颜色为状态栏中显示的所有文字的颜色。从图像中提取其中的主色调，不仅可以用于色彩设计，也可用于图像分类、搜索、识别等。对每一张图像进行主色调识别也属于人工智能领域中的一部分，可通过图片颜色提取算法Google Palette、颜色量化算法、颜色切分法等快速识别图像的主色调。

如上述步骤S13所述，本实施例确定状态栏文字颜色后，基于状态栏文字颜色配置目标页面的状态栏，如对目标页面的状态栏的原状态栏文字颜色进行更换，从而得到配置完成的目标状态栏。

如上述步骤S14所述，本步骤将配置完成的目标状态栏在所述目标页面中显示，显示的目标状态栏的状态栏文字颜色与目标页面的主色调相近，从而根据目标页面的主色调配置相应的状态栏文字颜色，提高显示效果。

本申请所提供的一种应用程序状态栏的显示方法，首先响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像，根据图像的主色调确定主色调对应的目标页面的状态栏文字颜色；然后根据状态栏文字颜色配置目标页面的状态栏，得到目标状态栏，将目标状态栏在目标页面中显示，从而根据目标页面的主色调配置相应的状态栏文字颜色，使状态栏文字颜色随页面主色调的切换而改变，以提高应用程序的状态栏显示效果。

在一实施例中，在步骤S12中，所述根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色，可具体包括：

将所述图像输入预先训练好的图像分类模型中，输出所述主色调对应的目标页面的状态栏文字颜色；其中，所述图像分类模型的训练方法包括：

获取已确定主色调的样本图像及每张样本图像对应已标注的标准状态栏文字颜色；

将所述样本图像及每张样本图像对应已标注的标准状态栏文字颜色输入图像分类模型中，对所述图像分类模型进行训练；

获取所述图像分类模型每次训练后的训练结果，根据训练结果计算所述图像分类模型每次训练后的损失值；

判断所述损失值是否小于预设损失值；

若是，完成所述图像分类模型的训练，得到训练好的所述图像分类模型。

在本实施例中，所述图像分类模型可用于根据输入的图像的主色调分配相应的状态栏文字颜色，可利用训练好的Core ML模型和Xcode项目打造智能化应用程序，构造图像分类模型，并对构造后的图像分类模型进行训练。具体的，可利用多种主色调的样本图像及每张样本图像对应已标注的标准状态栏文字颜色Create ML模型进行训练，训练出适合的Create ML模型。其中，样本图像的数量需大于预设数量，且样本图像的数量越多，则图像分类模型的训练效果越好。

在训练过程中，利用预设的损失函数计算所述Create ML模型每次训练后的损失值，并判断所述损失值是否小于预设损失值，若是，则表明Create ML模型训练完成，将训练完成的Create ML模型作为所述图像分类模型。其中，该损失函数可包括均方差损失函数和交叉熵损失函数，均方差损失函数常用在最小二乘法中，它的思想是使得各个训练点到最优拟合线的距离最小(平方和最小)。交叉熵损失函数刻画的是两个概率分布之间的距离，或可以说它刻画的是通过概率分布q来表达概率分布p的困难程度，p代表正确答案，q代表的是预测值，交叉熵损失函数计算得到的损失值越小，两个概率的分布越接近。

其中，损失值是用来估量图像分类模型的预测值f(x)与真实值Y的不一致程度，它是一个非负实值函数,通常使用L(Y,f(x))来表示，损失值越小，模型的鲁棒性就越好。“模型”是对一组训练数据应用机器学习算法而得到的结果，使用模型来基于新的输入数据进行预测，方便快捷。Core ML模型利用CPU、GPU和神经网络引擎，同时最大程度地减小内存占用空间和功耗，来优化设备端性能。由于模型严格地在用户设备上，因此无需任何网络连接，这有助于保护用户数据的私密性和应用程序的响应速度。Core ML模型训练完备后，就可以真正用此模型去自助决策当前显示页面状态栏的，可以根据实际效果调整和优化训练模型，以达到最好的效果。

在一实施例中，在步骤S12中，所述根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色，可具体包括：

S121、提取所述图像的主色调，并获取所述应用程序的状态栏的默认状态栏文字颜色；

S122、计算所述主色调与所述默认状态栏文字颜色的色差；

S123、根据所述色差确定所述目标页面的状态栏文字颜色。

在本实施例中，可预先为状态栏分配统一的默认状态栏文字颜色，默认状态栏文字颜色可以是白色或黑色，通过计算主色调与默认状态栏文字颜色的色差，基于该色差调整默认状态栏文字颜色，将调整色差后的默认状态栏文字颜色作为目标页面的状态栏文字颜色，以减少状态栏文字颜色与目标页面的主色调的差异，进一步提高显示效果，提升用户体验。

其中，该色差为主色调减去所述默认状态栏文字颜色的绝对值。该差值表示当前默认状态栏文字颜色的颜色与目标页面的主色调的近似程度。例如，若默认状态栏文字颜色的具体数值为100像素值，主色调的具体数值为120像素值，则差值为120-100＝20像素值。若默认状态栏文字颜色的具体数值为100像素值，主色调的具体数值为80像素值，则差值为|80-100|＝20像素值。

需要说明的是，本实施例在根据色差确定目标页面的状态栏文字颜色时，可采用互补色原理得到目标页面的状态栏文字颜色，使目标页面的状态栏文字颜色与主色调相近。其中，互补色原理指的是两个颜色叠加后可以得到白色，例如黑色与白色叠加后得到白色，又例如红色与青色叠加后得到白色。

在一实施例中，在步骤S123中，所述根据所述色差确定所述目标页面的状态栏文字颜色，可具体包括：

S1231、判断所述主色调与默认状态栏文字颜色的色差是否在预设值内；

S1232、若是，将所述默认状态栏文字颜色作为所述目标页面的状态栏文字颜色；

S1233、否则，从颜色库中选取与所述主色调的色差最小的状态栏文字颜色，得到目标状态栏文字颜色，将所述目标状态栏文字颜色作为所述目标页面的状态栏文字颜色。

在本实施例中，在利用色差确定目标页面的状态栏文字颜色时，可先判断主色调与默认状态栏文字颜色的色差是否在预设值内，即判断主色调与默认状态栏文字颜色是否相近，当主色调与默认状态栏文字颜色的色差大于预设值内时，则无法直接根据色差调整默认状态栏文字颜色，需要从颜色库中获取状态栏文字颜色，计算颜色库中每种状态栏文字颜色与主色调的色差，根据计算结果筛选出与所述主色调的色差最小的状态栏文字颜色，将与所述主色调的色差最小的状态栏文字颜色作为所述目标页面的状态栏文字颜色，以避免状态栏的状态栏文字颜色显得突兀。

在一实施例中，在步骤S11中，所述截取含有目标页面的主色调的图像，可具体包括：

S111、确定所述目标页面的状态栏的边框区域；

S112、从所述目标页面中截取距离所述边框区域预设距离内的图像区域，作为含有所述目标页面的主色调的图像。

本实施例可先确定状态栏的边框区域，将目标页面中靠近所述状态栏的边框区域的图像区域作为含有目标页面的主色调的图像，如将距离边框区域的最低点在5CM内的图像区域作为所需截取的图像，从而使得到的状态栏文字颜色与相邻的目标页面的图像区域，进一步提高状态栏的显示效果。

在一实施例中，在步骤S14中，所述将所述目标状态栏在所述目标页面中显示之后，还可包括：

S141、获取所述目标状态栏的状态栏背景颜色，并根据所述状态栏背景颜色和所述目标页面的主色调确定渐变颜色组；其中，所述渐变颜色组中包括多个渐变颜色；

S142、获取所述目标页面的内容显示进度；

S143、根据所述渐变颜色及所述内容显示进度对所述目标状态栏进行渐变显示，以对所述状态栏的状态栏背景颜色进行颜色调整。

在本实施例中，随着目标页面的内容显示进度由零变化到一，目标状态栏的状态栏背景颜色也随之调整，可以使用户直观的看到页面显示进度的变化，对阅读速度有整体把握。具体地，页面背景颜色通常为白色，而为了便于用户看清楚状态栏区域的图标，状态栏背景颜色通常为深色，为了使颜色过渡均匀，可以根据页面背景颜色和状态栏背景颜色确定一个渐变颜色组，例如，页面背景颜色为白色，状态栏背景颜色为黑色，该渐变颜色组中的颜色就由白渐变到黑，例如：白色、浅灰色、深灰色…黑色。其中，渐变颜色的渐变方向可以是左右方向，颜色变化的顺序可以为左深右浅，也可以为右深左浅，从而使状态栏背景颜色可根据目标页面的显示内容而定。

此外，还需进一步计算状态栏文字颜色与状态栏背景颜色的色差，并确保状态栏文字颜色与状态栏背景颜色的色差大于预设值，以使状态栏文字颜色设置为与状态栏背景颜色形成反差的颜色，利于凸显状态栏文字。

由于页面的状态栏和标题栏都位于页面结构的顶部，如果页面结构中表明顶部为图片，可以将页面的状态栏背景颜色设置为透明，状态栏文字颜色设置为深色，如果页面结构中表明顶部为纯色，可以将页面的状态栏背景颜色设置为相同的纯色，状态栏文字颜色设置为与纯色能够形成反差的颜色，例如，状态栏的背景颜色为深色，状态栏文字颜色设置为浅色，如果页面结构中表明顶部为多种颜色相结合，可以将页面的状态栏背景颜色设置为与标题栏颜色相同，还可以设置为透明，状态栏文字颜色设置为与状态栏背景颜色形成反差的颜色。

在一实施例中，在步骤S143中，所述根据所述渐变颜色及所述内容显示进度对所述目标状态栏进行渐变显示之前，还可包括：

计算所述渐变颜色与所述状态栏文字颜色之间的色差；

判断所述渐变颜色与所述状态栏文字颜色之间的色差是否在预设值内；

若是，执行根据所述渐变颜色及所述内容显示进度对所述目标状态栏进行渐变显示；

否则，不调整所述状态栏的状态栏背景颜色。

在本实施例中，在对目标状态栏的状态栏背景颜色进行颜色调整之前，需要判断渐变颜色与状态栏文字颜色之间的色差是否在预设值内，若否，则暂不调整状态栏的状态栏背景颜色，避免调整后的状态栏背景颜色与状态栏文字颜色差异较大，显得突兀。

参照图2，本申请实施例中还提供一种应用程序状态栏的显示装置，包括：

截取模块11，用于响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像；

确定模块12，用于根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色；

配置模块13，用于根据所述状态栏文字颜色配置所述目标页面的状态栏，得到目标状态栏；

显示模块14，用于将所述目标状态栏在所述目标页面中显示。

当用户在智能手机或计算机设备的显示界面上左右滑动或点击时，发起从当前显示页面切换至目标页面的切换指令，该目标页面为显示界面下一次显示的页面。智能手机响应于所述切换指令，获取待切换至的目标页面，从待切换至的目标页面中截取目标页面部分或全部的图像，如截取目标页面的背景区域作为图像，并提取出图像中的主色调。其中，所述主色调可以是目标页面中颜色占比最大的颜色。例如，当目标页面中整体呈现的主题颜色为紫色时，则将紫色作为目标页面的主色调。

在提取图像中的主色调时，可获取图像中所有像素点的颜色特征，统计每种颜色特征的像素点数量，将像素点数量最多的颜色特征作为目标页面的主色调。其中，这里图像的像素值可以反映每个像素点的颜色特征，通过统计图像中像素点的颜色特征分布情况，获取页面中各个区域的图像整体的颜色。

此外，还可以通过扫描页面中各个区域的可视化图像的像素值，得到页面中各个区域的可视化图像整体的颜色特征，该可视化图像整体的颜色特征能够反映图像中整体视觉颜色，即图像的主色调。

需要说明的是，本申请实施例中页面适用于原生页面、H5页面，对于原生页面，智能手机在响应于页面的加载请求后，能够直接从服务端获取到页面资源数据，该页面资源数据通常为列表单元形式，直接对列表资源进行渲染；对于H5页面，智能手机在响应于页面的加载请求后，会获取页面资源数据，该资源数据为HTML文档对象，由上至下加载页面资源数据，并在加载页面资源数据的过程中进行解析渲染。

在获取图像后，可根据图像的主色调确定主色调对应的目标页面的状态栏文字颜色，以为所述主色调选取对应的目标页面的状态栏文字颜色。其中，状态栏文字颜色为状态栏中显示的文字的。从图像中提取其中的主色调，不仅可以用于色彩设计，也可用于图像分类、搜索、识别等。对每一张图像进行主色调识别也属于人工智能领域中的一部分，可通过图片颜色提取算法Google Palette、颜色量化算法、颜色切分法等快速识别图像的主色调。

本实施例确定状态栏文字颜色后，基于状态栏文字颜色配置目标页面的状态栏，如对目标页面的状态栏的原状态栏文字颜色进行更换，从而得到配置完成的目标状态栏。

将配置完成的目标状态栏在所述目标页面中显示，显示的目标状态栏的状态栏文字颜色与目标页面的主色调相近，从而根据目标页面的主色调配置相应的状态栏文字颜色，提高显示效果。

如上所述，可以理解地，本申请中提出的所述应用程序状态栏的显示装置的各组成部分可以实现如上所述应用程序状态栏的显示方法任一项的功能，具体结构不再赘述。

参照图3，本申请实施例中还提供一种计算机设备，其内部结构可以如图3所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设计的处理器用于提供计算和控制能力。该计算机设备的存储器包括存储介质、内存储器。该存储介质存储有操作系统、计算机程序和数据库。该内存器为存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储图像、状态栏文字等数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种应用程序状态栏的显示方法。

上述处理器执行上述的应用程序状态栏的显示方法，包括：

响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像；

根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色；根据所述状态栏文字颜色配置所述目标页面的状态栏，得到目标状态栏；

将所述目标状态栏在所述目标页面中显示。

本申请一实施例还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现一种应用程序状态栏的显示方法，包括步骤：

响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像；

根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色；根据所述状态栏文字颜色配置所述目标页面的状态栏，得到目标状态栏；

将所述目标状态栏在所述目标页面中显示。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的和实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双速据率SDRAM(SSRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

综上所述，本申请的最大有益效果在于：

本申请所提供的一种应用程序状态栏的显示方法、装置、设备及存储介质，首先响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像，根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色；然后根据状态栏文字颜色配置目标页面的状态栏，得到目标状态栏，将目标状态栏在目标页面中显示，从而根据目标页面的主色调配置相应的状态栏文字颜色，使状态栏文字颜色随页面主色调的切换而改变，以提高应用程序的状态栏显示效果。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。

以上所述仅为本申请的优选实施例，并非因此限制本申请的专利范围，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本申请的专利保护范围内。

Claims (10)

1.一种应用程序状态栏的显示方法，其特征在于，包括以下步骤：

响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像；

根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色；

根据所述状态栏文字颜色配置所述目标页面的状态栏，得到目标状态栏；

将所述目标状态栏在所述目标页面中显示。

2.根据权利要求1所述的方法，其特征在于，所述根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色，包括：

将所述图像输入预先训练好的图像分类模型中，输出所述主色调对应的目标页面的状态栏文字颜色；其中，所述图像分类模型的训练方法包括：

获取已确定主色调的样本图像及每张样本图像对应已标注的标准状态栏文字颜色；

将所述样本图像及每张样本图像对应已标注的标准状态栏文字颜色输入图像分类模型中，对所述图像分类模型进行训练；

获取所述图像分类模型每次训练后的训练结果，根据训练结果计算所述图像分类模型每次训练后的损失值；

判断所述损失值是否小于预设损失值；

若是，完成所述图像分类模型的训练，得到训练好的所述图像分类模型。

3.根据权利要求1所述的方法，其特征在于，所述根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色，包括：

提取所述图像的主色调，并获取所述应用程序的状态栏的默认状态栏文字颜色；

计算所述主色调与所述默认状态栏文字颜色的色差；

根据所述色差确定所述目标页面的状态栏文字颜色。

4.根据权利要求3所述的方法，其特征在于，所述根据所述色差确定所述目标页面的状态栏文字颜色，包括：

判断所述主色调与默认状态栏文字颜色的色差是否在预设值内；

若是，将所述默认状态栏文字颜色作为所述目标页面的状态栏文字颜色；

否则，从颜色库中选取与所述主色调的色差最小的状态栏文字颜色，得到目标状态栏文字颜色，将所述目标状态栏文字颜色作为所述目标页面的状态栏文字颜色。

5.根据权利要求1所述的方法，其特征在于，所述截取含有目标页面的主色调的图像，包括：

确定所述目标页面的状态栏的边框区域；

从所述目标页面中截取距离所述边框区域预设距离内的图像区域，作为含有所述目标页面的主色调的图像。

6.根据权利要求1所述的方法，其特征在于，所述将所述目标状态栏在所述目标页面中显示之后，还包括：

获取所述目标状态栏的状态栏背景颜色，并根据所述状态栏背景颜色和所述目标页面的主色调确定渐变颜色组；其中，所述渐变颜色组中包括多个渐变颜色；

获取所述目标页面的内容显示进度；

根据所述渐变颜色及所述内容显示进度对所述目标状态栏进行渐变显示，以对所述状态栏的状态栏背景颜色进行颜色调整。

7.根据权利要求6所述的方法，其特征在于，所述根据所述渐变颜色及所述内容显示进度对所述目标状态栏进行渐变显示之前，还包括：

计算所述渐变颜色与所述状态栏文字颜色之间的色差；

判断所述渐变颜色与所述状态栏文字颜色之间的色差是否在预设值内；

若是，执行根据所述渐变颜色及所述内容显示进度对所述目标状态栏进行渐变显示；

否则，不调整所述状态栏的状态栏背景颜色。

8.一种应用程序状态栏的显示装置，其特征在于，包括：

截取模块，用于响应于应用程序从当前显示页面切换至目标页面的切换指令，截取含有目标页面的主色调的图像；

确定模块，用于根据所述图像的主色调确定所述主色调对应的目标页面的状态栏文字颜色；

配置模块，用于根据所述状态栏文字颜色配置所述目标页面的状态栏，得到目标状态栏；

显示模块，用于将所述目标状态栏在所述目标页面中显示。

9.一种计算机设备，其特征在于，包括：

处理器；

存储器；

计算机程序，其中所述计算机程序被存储在所述存储器中并被配置为由所述处理器执行，所述计算机程序配置用于执行根据权利要求1至7任一项所述的应用程序状态栏的显示方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现权利要求1-7任一项所述的应用程序状态栏的显示方法。

Images