工具栏背景颜色随着图片的主颜色而变换的方法和装置制造方法及图纸

本发明专利技术提供了一种工具栏背景颜色随着图片的主颜色而变换的方法和装置。所述方法包括：将当前运行的应用程序的工具栏的背景颜色透明化；提取该应用程序的用户界面当前所显示图片的主颜色；将提取的颜色用作工具栏的背景颜色并显示。此外，所述方法还包括：根据变换后工具栏的背景颜色来自动改变该工具栏上的按钮颜色。根据本发明专利技术提供的方法或装置，使界面整体效果呈现更加协调、主题内容突出，提升了界面沉浸式体验的效果。

【技术实现步骤摘要】

本专利技术涉及网页
，特别涉及一种工具栏背景颜色随着图片的主颜色而变换的方法和装置。
技术介绍
随着智能终端的高速发展，应用在智能终端上的各种第三方应用程序(APP)被开发出来。现有的APP在智能终端上展示界面时会有图片显示，尤其是浏览器客户端展示网页时常会显示图片。另外，APP常自带工具栏以方便用户在APP上实现各种操作。目前，现有技术在开发各种APP时采用固定工具栏的技术方案，工具栏的颜色也是固定不变的。然而，现有APP显示大图片(即图片占满屏幕或接近占满屏幕)时，或者用户改变了APP界面的背景颜色后，由于APP的工具栏的背景颜色固定不变，这样就影响了界面显示的协调性和相关性，使得展示界面的整体感觉显得比较生硬，分割感觉比较强，用户的体验感不佳。
技术实现思路
本专利技术的目的在于提供一种工具栏背景颜色随着图片的主颜色而变换的方法和装置，以改善上述的问题。根据本专利技术的第一方面，本专利技术实施例提供了一种工具栏背景颜色随着图片的主颜色而变换的方法，其包括：将当前运行的应用程序的工具栏的背景颜色透明化；提取该应用程序的用户界面当前所显示图片的主颜色；将提取的颜色用作工具栏的背本文档来自技高网...

【技术保护点】
一种工具栏背景颜色随着图片的主颜色而变换的方法，其包括：将当前运行的应用程序的工具栏的背景颜色透明化；提取该应用程序的用户界面当前所显示图片的主颜色；将提取的颜色用作工具栏的背景颜色并显示。

【技术特征摘要】
1.一种工具栏背景颜色随着图片的主颜色而变换的方法，其包括：将当前运行的应用程序的工具栏的背景颜色透明化；提取该应用程序的用户界面当前所显示图片的主颜色；将提取的颜色用作工具栏的背景颜色并显示。2.根据权利要求1所述的方法，其特征在于，还包括：根据变换后工具栏的背景颜色来自动改变该工具栏上的按钮颜色。3.根据权利要求2所述的方法，其特征在于，利用彩色转灰度的方法来自动改变该工具栏上的按钮颜色，所述彩色转灰度的方法包括：使用公式Gray＝R*0.299+G*0.587+B*0.114，其中Gray为灰度值，R为所提取的图片主颜色的红颜色值，G为所提取的图片主颜色的绿颜色值，B为所提取的图片主颜色的蓝颜色值，将获取到的图片主颜色的RGB颜色值转换为灰度值，当灰度值在0-0.5之间时工具栏上的按钮颜色变为黑色，当灰度值在0.5-1之间时工具栏上的按钮颜色变为白色。4.根据权利要求1-3之一所述的方法，其特征在于，还包括：当显示的图片随用户的操作而上下或者左右移动时，在显示的图片没有完全移出操作界面时工具栏的背景颜色保持不变；在显示的图片完全移出操作界面并且操作界面没有图片或颜色显示时工具栏的背景颜色恢复到默认颜色。5.根据权利要求1所述的方法，其特征在于，所述提取当前显示图片的主颜色的步骤包括：获取图片步骤，用于获取当前显示的图片，所述图片包括多个显示单元；颜色分类步骤，用于对图片所包含的每个显示单元在第一颜色空间中进行分类处理，通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别，并计算每类颜色对应的显示单元数目；颜色权重计算步骤，用于将每类颜色从第一颜色空间转换至第二颜色空间，获取每类颜色在第二颜色空间每一维度取值，根据显示需求与所述第二颜色空间每一维度对应的因素，确定所述第二颜色空间每一维度的权重函数，根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数，计算每类颜色的权重；主颜色提取步骤，用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值，提取所述颜色分值最高的该类颜色作为图片的主颜色。6.根据权利要求5所述的方法，其特征在于，所述颜色权重计算步骤包括：将分类得到的N类颜色，从所述第一颜色空间转换至具有M维的第二颜色空间，得到每类颜色在所述第二颜色空间的取值，其中第i类颜色在所述第二颜色空间的第j维取值为Pij(i＝1,...,N；j＝1,...,M)；根据显示需求与所述第二颜色空间每一维度对应的因素，配置第二颜色空间每一维度的权重函数，其中第j维的权重函数为F(xj)(j＝1,...,N)；根据每类颜色在所述第二颜色空间取值和权重函数计算每类颜色的权重，其中第i类颜色的权重Wi为：其中C是不为0的常数。7.根据权利要求5所述的方法，其特征在于，所述权重函数被配置为使得与显示需求中某个因素相关性越高的维度，其维度权重函数计算得到的结果值越大。8.根据权利要求5所述的方法，其特征在于，所述第一颜色空间为RGB空间，所述第二颜色空间为HSV空间。9.根据权利要求8所述的方法，其特征在于，在所述颜色权重计算步骤中，用于当所述显示需求中与所述HSV空间的饱和度对应的因素为使显示颜色更鲜艳时，配置所述饱和度的权重函数为F(S)＝(S/2A)2，其中S为饱和度取值，A为正整数。10.根据权利要求8所述的方法，其特征在于，在所述颜色权重计算步骤中，用于当所述显示需求中与所述HSV空间的明度对应的因素为避免不利于文字展示的极端颜色时，配置所述明度的权重函数为其中V为明度取值，根据所述HSV空间明度取值V的最大值2p2-1来获取p2的值。11.根据权利要求5所述的方法，其特征在于，所述颜色分类步骤还包括：用于对图片所包含的显示单元通过下述公式进行下采样，将下采样得到[S′1,S'2,...S'T]相同的显示单元归为同类颜色；其中：T为所述第一颜色空间维度数目，[S1,...,ST]为单个显示单元在所述第一颜色空间的取值，q1为大于0且小于p的整数，根据已知的所述第一颜色空间中每一维最大值2p-1来获得p值。12.根据权利要求5所述的方法，其特征在于，在所述主颜色提取步骤中，所述每类颜色的颜色分值为每类颜色对应的显示单元数目与权重相乘。13.根据权利要求12所述的方法，其特征在于，所述主颜色提取步骤包括：提取所述颜色分值最高的该类颜色的中间颜色值作为图片的主颜色。14.根据权利要求5所述的方法，其特征在于，在所述颜色分类步骤之前还包括：图片缩小步骤，用于将图片边长像素缩小至合适值。15.根据权利要求5所述的方法，其特征在于，还包括模板匹配以确定最终主颜色步骤，用于将提取的图片主颜色与预置的模板颜色进行匹配，选取与图片主颜色最相近的模板颜色作为最终的图片主颜色。16.一种工具栏背景颜色随着图片的主颜色而变换的装置，其包括：工具栏背景颜色透明化模块，用于将当前运行的应用程序的工具栏的背景颜色透明化；图片主颜色提取模块，用于提取该应用程序的用户界面当前所显示图片的主颜色；工具栏背景颜色变换模块，用于将提取的颜色用作工具栏的背景颜色并显示。17.根据权利要求16所述的装置，其特征在于，还包括：工具栏按钮颜色变换模块，用于根据变换后工具栏的背景颜色来自动改变该工具栏上的按钮颜色。18.根据权利要求17所述的装置，其特征在于，利用彩色转灰度的方法来自动改变该工具栏上的按钮颜色，所述彩色转灰度的方法包括：使用公式Gray＝R*0.299+G*0.587+B*0.114，其中Gray为灰度值，R为所提取的图片主颜色的红颜色值，G为所提取的图片主颜色的绿颜色值，B为所提取的图片主颜色的蓝颜色值，将获取到的图片主颜色的RGB颜色值转换为灰度值，当灰度值在0-0.5之间时工具栏上的按钮颜色变为黑色，当灰度值在0.5-1之间时工具栏上的按钮颜色变为白色。19.根据权利要求16-18之一所述的装置，其特征在于，还包括：工具栏背景颜色恢复模块，用于在显示的图片完全移出操作界面并且操作界面没有图片或颜色显示时将工具栏的背景颜色恢复到默认颜色。20.根据权利要求16所述的装置，其特征在于，所述图片主颜色提取模块包括：获取图片模块，用于获取当前显示的图片，所述图片包括多个显示单元；颜色分类步模块，用于...

【专利技术属性】
技术研发人员：于志超，崔远方，
申请(专利权)人：广州神马移动信息科技有限公司，
类型：发明
国别省市：广东;44