CN109783178A - 一种界面组件的颜色调整方法、装置、设备和介质 - Google Patents
一种界面组件的颜色调整方法、装置、设备和介质 Download PDFInfo
- Publication number
- CN109783178A CN109783178A CN201910068069.0A CN201910068069A CN109783178A CN 109783178 A CN109783178 A CN 109783178A CN 201910068069 A CN201910068069 A CN 201910068069A CN 109783178 A CN109783178 A CN 109783178A
- Authority
- CN
- China
- Prior art keywords
- color
- interface
- value
- image
- displayed
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Abstract
本公开实施例公开了一种界面组件的颜色调整方法、装置、设备和介质。该方法包括:获取界面中的待显示图像;根据所述待显示图像确定主题色;将所述界面中的组件背景色调整为所述主题色。本公开实施例通过采用上述技术方案,能够使界面中的组件背景色随待显示图像颜色的改变而改变,有效改善界面中各种组件的颜色,使界面颜色显示效果更佳。
Description
技术领域
本公开实施例涉及应用程序处理技术,尤其涉及一种界面组件的颜色调整方法、装置、设备和介质。
背景技术
随着互联网和智能终端的发展,各种应用程序增多,应用程序所呈现界面的功能也越来越丰富。
界面中往往会包括各种组件,如显示文字的文本框、显示图片的组件、以及显示视频的播放器。为了接收用户的输入,还存在很多控制组件,如按钮、输入框等。各种组件在显示多样化的信息的同时,使界面的表现形式更加丰富和灵活。
但是,展示区域中的视频、图片的颜色会不断变换,而与展示区域相邻的组件所在的区域的颜色通常是不会变化的,颜色单一,视觉效果不好。
发明内容
本公开实施例提供一种界面组件的颜色调整方法、装置、设备和介质,以实现有效改善界面中各种组件的颜色,使界面颜色显示效果更佳。
第一方面,本公开实施例提供了一种界面组件的颜色调整方法,包括:
获取界面中的待显示图像;
根据所述待显示图像确定主题色;
将所述界面中的组件背景色调整为所述主题色。
第二方面,本公开实施例提供了一种界面组件的颜色调整装置,包括:
获取模块,用于获取界面中的待显示图像;
确定模块,用于根据所述待显示图像确定主题色;
调整模块,用于将所述界面中的组件背景色调整为所述主题色。
第三方面,本公开实施例提供了一种设备,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本公开实施例所述的界面组件的颜色调整方法。
第四方面,本公开实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本公开实施例所述的界面组件的颜色调整方法。
在上述调整界面组件颜色的技术方案中,获取界面中的待显示图像,根据所获取的待显示图像确定主题色,并将界面中的组件背景色调整为该主题色。本公开实施例通过采用上述技术方案,能够使界面中的组件背景色随待显示图像的颜色进行改变,有效改善界面中各种组件的颜色,使界面颜色显示效果更佳。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本公开的其它特征、目的和优点将会变得更明显:
图1A为本公开实施例一提供的一种界面组件的颜色调整方法的流程示意图;
图1B为本公开实施例一提供的一种组件背景色调整前的界面的示意图;
图1C为本公开实施例一提供的一种组件背景色调整后的界面的示意图;
图2为本公开实施例二提供的一种界面组件的颜色调整方法的流程示意图;
图3为本公开实施例三提供的一种界面组件的颜色调整方法的流程示意图;
图4为本公开实施例四提供的一种界面组件的颜色调整装置的结构框图;
图5为本公开实施例五提供的一种设备的结构示意图。
具体实施方式
下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本公开,而非对本公开的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本公开相关的部分而非全部内容。
实施例一
本公开实施例一提供一种界面组件的颜色调整方法。该方法可以由界面组件的颜色调整装置执行,其中,该装置可以由软件和/或硬件实现,一般可集成在具有显示界面的设备中,典型的,可以集成在服务器、手机、计算机、平板电脑等设备中。图1A是本公开实施例一提供的界面组件的颜色调整方法的流程示意图,如图1A所示,该方法包括:
S110、获取界面中的待显示图像。
本实施例中,待显示图像可以是界面中正在显示的图像或界面中将要显示的图像,其可以为界面中正在播放或即将播放视频的关键帧或界面中正在显示或即将显示的图片,本实施例不对此进行限制。其中,关键帧可以按照需要确定,如可以将视频的所有视频帧都确定为关键帧、选取视频中重要情节对应的视频帧作为视频中的关键帧、选取视频中色调最鲜艳/最不鲜艳的设定数量的视频帧作为视频中的关键帧和/或通过周期采样的方法确定视频中的关键帧,等等;图片可以为本地存储的或从其他设备中获取的图片。
考虑到后续调整界面中的组件背景色的及时性,优选的,待显示图像可以为界面中即将显示的图像,即待显示的图像,相应的,待显示图像可以包括视频中待显示的关键帧或界面中待显示的图片。以下以待显示图像为界面中待显示的图像为例进行说明。
本实施例所提供的界面组件的颜色调整方法可以由显示界面的用户设备(如计算机、笔记本、平板电脑、手机或其他具有显示屏的显示设备),也可以由显示界面的用户设备对应的服务器执行,相应的,本步骤可以由用户设备或服务器执行。
示例性的,当本步骤由用户设备执行时,用户设备可以基于用户在用户设备上的触发操作确定待显示的图片或根据界面中当前所播放视频的播放进度确定待显示的关键帧,以确定待显示图像。当本步骤由服务器执行时,服务器可以向用户设备发送图像获取指令,相应的,用户设备接收到服务器发送的图像获取指令后,按照设定周期或其他设定规则将本端的待显示图像发送给服务器,从而,服务器接收用户设备发送的图像,得到用户设备的待显示图像;或者,若界面中的待显示图像为用户设备基于网络连接从服务器或其他设备中获取的图像,则服务器可以在用户设备获取待显示图像时,基于用户设备向服务器或其他设备发送的图像获取请求确定并获取待显示图像。
S120、根据所述待显示图像确定主题色。
本实施例中,可以根据一张或多张待显示图像确定主题色,本实施例不对此进行限制。一般地,若待显示图像为图片,则可以根据待显示的图像确定该图像对应的主题色,以在显示该图像时,以该主题色作为界面中的组件背景色对组件进行显示;若待显示图像为关键帧,则可以根据一张或多张关键帧确定该一张或多张关键帧对应的主题色,从而在上一主题色显示结束至下一主题色开始显示的过程中,以该主题色作为界面中的组件背景色对组件进行显示。示例性的,针对根据一张关键帧确定主题色的情况,在开始显示该关键帧至开始显示下一关键帧的过程中,以该主题色作为界面中的组件背景色对组件进行显示;针对根据多张关键帧确定主题色的情况,该多张关键帧优选为视频中连续的关键帧,此时,可以在开始显示该多张关键帧的第一张关键帧至播放顺序位于该多张关键帧的最后一张关键帧之后且与该最后一张关键帧相邻的下一张关键帧显示播放之前的过程中,以该主题色作为界面中的组件背景色对组件进行显示。
其中,根据待显示图像确定主题色的方法可以根据需要选取,如可以根据颜色将显示图像中的各像素分为多个类,并将所包含像素的个数最多(或最少)的类对应的颜色确定为主题色,或者,计算待显示图像中各像素的颜色均值或中值,将该颜色均值或中值确定为主题色;也可以选取显示位置与组件在设定范围之内的像素作为目标像素,将所对应目标像素的个数最多的颜色、各目标像素的颜色均值或各目标像素的颜色中值等确定为主题色,此处不作限制。
S130、将所述界面中的组件背景色调整为所述主题色。
其中,组件背景色可以理解为组件中的背景色,界面中的组件可以理解为界面中除待显示图像之外的任意一个或多个组成部分,如可以为界面中的按钮、输入框和/或边框等。即本实施例在确定主题色后,可以仅将界面中的按钮、输入框或边框中的背景色调整为该主题色,也可以将按钮、输入框和边框中的多项中的背景色均调整为主题色。考虑到调整后界面中各组件之间的一致性,优选的,所述界面中的组件包括按钮、输入框和边框,即可以将界面中的各按钮、输入框和边框中的背景色均统一调整为主题色,此时,组件背景色调整前的界面如图1B所示,组件背景色调整后的界面如图1C所示。
示例性的,如果本步骤由用户设备执行,用户设备在确定主题色后,可以将界面中的组件背景色调整为该主题色;如果本步骤由服务器执行,服务器在确定主题色后,可以向用户设备发送主题色调整指令,以通过该主题色调整指令指导用户设备将其界面中的组件背景色调整为该主题色。
考虑到组件中可能包含文字和/或图案等目标显示内容,为了提高目标显示内容的清晰度,避免出现目标显示内容与组件背景色一致或差异较小导致用户无法对各组件进行区分的情况,优选的,在根据待显示图像确定主题色之后,还可以按照设定规则选取与该主题色的颜色差异大于或等于设定差异度阈值的目标色,并在将界面中的组件背景色调整为该主题色时,进一步将组件中文字和/或花纹等目标显示内容调整为该目标色,以确保在将组件背景色调整为主题色后,用户仍可以识别组件中的目标显示内容。
在此,需要说明的是,虽然本实施例以根据待显示图像确定一个主题色,并将界面中的各组件背景色统一调整为该主题色为例进行说明,但本领域技术人员应该可以理解的是,当界面中包含多个组件时,如界面中包含按钮、输入框和边框中的多项,或界面中存在多个按钮、多个输入框或多个边框时,本实施例同样可以根据待显示图像分别确定各组件对应的主题色,并将各组件的组件背景色分别调整为其对应的主题色,如可以根据各组件在界面中的位置将待显示图像划分为多个图像区域,根据每个组件对应的图像区域中各像素的颜色确定每个组件对应的主题色,并进一步将每个组件的组件背景色调整为其对应的主题色。
本公开实施例一提供的界面组件的颜色调整方法,获取界面中的待显示图像,根据所获取的待显示图像确定主题色,并将界面中的组件背景色调整为该主题色。本实施例通过采用上述技术方案,能够使界面中的组件背景色随待显示图像的颜色进行改变,有效改善界面中各种组件的颜色,使界面颜色显示效果更佳。
实施例二
图2为本公开实施例二提供的一种界面组件的颜色调整方法的流程示意图。本实施例在上述实施例的基础上,将“获取界面中的待显示图像”优化为:从界面的视频中按照设定周期采样获得视频帧;根据所述视频帧中的内容筛选确定出关键帧,作为所述待显示图像。
进一步地,将“根据所述待显示图像确定主题色”优化为:将所述待显示图像中的各个像素,按照颜色进行聚类;计算确定每类像素的中心颜色值;从各类像素的中心颜色值中选择目标颜色值,作为主题色。
相应的,如图2所示,本实施例提供的界面组件的显示方法包括:
S210、从界面的视频中按照设定周期采样获得视频帧。
其中,采样周期可以根据需要设置,如可以设置为视频自身各帧图像的切换周期,即直接获取视频中的各帧图像作为视频帧;也可以设置为其他的采样周期,如可以将采样周期设置为0.1s、1s、10s或20s等,相应的,可以每间隔0.1s、1s、10s或20s对界面中的视频采样一次,得到视频帧,此处不作限制。可选的,可以根据关键帧的确定周期,将视频的采样周期确定为小于关键帧的确定周期的时间长度,以确保每次达到关键帧的确定周期时均存在已采样得到的视频帧。
S220、根据所述视频帧中的内容筛选确定出关键帧,作为待显示图像。
本实施例中,可以根据视频帧的总体颜色在各视频帧总体颜色中的排序确定出关键帧,如可以将总体颜色最鲜艳、最不鲜艳或总体颜色的鲜艳程度居中的视频帧确定为关键帧,或者将与其总体颜色值相同或接近的视频帧的数量最多的目标视频帧确定为关键帧,等等,本实施例不对此进行限制。
为了提高用户观看视频所要呈现的核心内容(即视频主题)时的注意力,避免因界面中的组件的颜色与所视频帧的颜色差异过大而导致用户的注意力集中在组件上,优选的,可以根据视频帧中的内容与视频主题的相关程度筛选确定关键帧,如当视频为广告视频时,可以将包含视频所要呈现的产品的图像的视频帧确定为关键帧;当视频为电视剧、电影或其他主题为人物的视频时,可以将包含视频的男主角和/或女主角的图像的视频帧确定为关键帧;当视频为景物的视频时,可以将包含该景物的图像的视频帧确定为关键帧。其中,关键帧的确定周期,即本次执行根据视频帧中的内容筛选确定出关键帧的操作与上次执行根据视频帧中的内容筛选确定出关键帧的操作之间的时间间隔可以根据需要设置,如可以根据视频的播放时长确定,当视频的播放时长较长(如30分钟或60分钟)时,可以将关键帧的确定周期确定为1分钟、5分钟或10分钟等,相应的,每隔1分钟、5分钟或10分钟确定一次待显示图像并调整一次界面中的组件背景色;当视频的播放时长较短(如15s或30s)时,可以将关键帧的确定周期确定为1s、5s或10s等,相应的,每隔1s、5s或10s确定一次待显示图像并调整一次界面中的组件背景色。
S230、将所述待显示图像中的各个像素,按照颜色进行聚类。
本实施例中,可以采用预设的聚类算法按照颜色对待显示图像中的各个像素进行聚类,以得到多类像素。其中,对各像素进行聚类时所采用的聚类算法可以根据需要设置,如可以采用k-means或k-medoids等算法对待显示图像中的各像素进行聚类。以采用k-means算法进行聚类为例,可以从各像素中随机选取k个像素作为当前聚类中心;计算各个像素与各当前聚类中心的距离,得到各个像素与各当前聚类中心的最小距离,并将各个像素划分至其最小距离对应的当前聚类中心所属的类中;重新计算各个类的颜色均值,得到划分后的各个类的聚类中心,作为当前聚类中心;返回执行计算各个像素点与各当前聚类中心的距离的操作,直至各个类中包含的像素均不再发生变化为止,从而得到待显示图像中的各像素所属的类,聚类完成。其中,k值可以根据需要设置,如可以设置为5、8或10等数值。
S240、计算确定每类像素的中心颜色值。
本步骤中,可以将每个类中所包含像素的颜色均值或中值或者该类中对应像素点最多的颜色(即该类中具有该颜色的像素的数量最多)等确定为该类像素的中心颜色值。考虑到某一个与其所属类中其他像素颜色差异较大的像素对该类像素的中心颜色值的影响,优选的,可以将每个类中所包含像素的颜色均值确定为该类像素的中心颜色值。此时,示例性的,可以获取某一类像素中各像素的红色亮度值、绿色亮度值和蓝色亮度值,计算各像素的红色亮度值的第一均值、计算各像素的绿色亮度值的第二均值以及计算各像素的蓝色亮度值的第三均值,并将红色亮度值为该第一均值、绿色亮度值为该第二均值、蓝色亮度值为该第三均值的颜色值确定为该类像素的中心颜色值;也可以首先分别计算某一类中各像素点的灰度值并进一步计算各灰度值的均值,得到该类像素的平均灰度值,然后将该平均灰度值转换至RGB空间,从而得到该类像素的中心颜色值,等等,本实施例不对此进行限制。
S250、从各类像素的中心颜色值中选择目标颜色值,作为主题色。
本实施例中,目标颜色值的选取规则可以根据需要设置,如可以选取各中心颜色值中颜色最鲜艳或最不鲜艳的中心颜色值作为目标颜色值;也可以预先设置组件的最佳组件背景色,并将颜色值与该最佳组件背景色的颜色值最接近的中心颜色值作为目标颜色值;或者,计算各中心颜色值的颜色均值,分别计算各中心颜色值与该颜色均值的RGB方差或灰度值方差,将方差与该颜色均值最小的中心颜色值确定为目标颜色值,等等,此处不作限制。
S260、将所述界面中的组件背景色调整为所述主题色。
本公开实施例二提供的界面组件的颜色调整方法,从界面的视频中按照设定周期采样获得视频帧,根据视频帧中的内容筛选确定出关键帧作为待显示图像,将待显示图像中的各个像素按照颜色进行聚类,计算确定每类像素的中心颜色值,从各类像素的中心颜色值中选取目标颜色值作为主题色,将界面中的组件背景色调整为该主题色。本实施例通过采用上述技术方案,能够减小组件背景色与界面中的待显示图像之间的颜色差异,提高用户对待显示图像所显示内容的关注度。
实施例三
图3为本公开实施例三提供的一种界面组件的颜色调整方法的流程示意图。本实施例在上述实施例的基础上,将“从各类像素的中心颜色值中选择目标颜色值,作为主题色”优化为:针对每类像素的中心颜色值,计算红色亮度值、绿色亮度值和蓝色亮度值之间的方差;选择方差最大的一类像素的中心颜色值,作为所述主题色。
进一步的,在将所述界面中的组件背景色调整为所述主题色之前,还包括:将所述主题色的红色亮度值、绿色亮度值和蓝色亮度值转换为色相饱和度颜色空间值,以更新所述主题色的颜色值。
相应的,如图3所示,本实施例提供的界面组件的颜色调整方法包括:
S310、获取界面中的待显示图像。
S320、将所述待显示图像中的各个像素,按照颜色进行聚类。
S330、计算确定每类像素的中心颜色值。
S340、针对每类像素的中心颜色值,计算红色亮度值、绿色亮度值和蓝色亮度值之间的方差。
示例性的,可以首先分别获取每类像素的中心颜色值在RGB空间的颜色值分量,即计算每类像素的中心颜色值所对应的红色亮度值、绿色亮度值和蓝色亮度值;然后分别计算每个中心颜色值所对应的红色亮度值、绿色亮度值和蓝色亮度值之间的平均值,并根据该平均值计算该中心颜色值红色亮度值、绿色亮度值和蓝色亮度值之间的方差,如可以采用下述公式计算各中心颜色值的红色亮度值、绿色亮度值和蓝色亮度值之间的方差:
σ2=[(r-μ)2+(g-μ)2+(b-μ)2]/3
其中,σ2为方差,r为红色亮度值,g为绿色亮度值,b为蓝色亮度值,μ为r、g和b的均值。
S350、选择方差最大的一类像素的中心颜色值,作为所述主题色。
本实施例中,可以选取颜色最鲜艳的中心颜色值作为主题色对界面中的组件背景色进行调整,以便于用户对界面中的组件进行辨识。由于一般红色亮度值、绿色亮度值与蓝色亮度值之间的差异越大,其所呈现出的颜色越鲜艳,因此,本实施例可以选取方差最大的一类像素的中心颜色值作为主题色,从而实现在待显示图像所对应的颜色范围内,将界面中的组件背景色调整为易于用户辨识的颜色,避免界面中组件区域出现大面积灰色、黑色或其他过于暗淡的颜色。
S360、将所述主题色的红色亮度值、绿色亮度值和蓝色亮度值转换为色相饱和度颜色空间值,以更新所述主题色的颜色值。
本实施例中,将主题色由RGB空间转换为色相饱和度颜色空间(即HSV空间)的转换方法可以根据需要选取。示例性的,可以采用下述公式将主题色的红色亮度值r、绿色亮度值g和蓝色亮度值b转换为色相饱和度颜色空间的色相h、饱和度s和亮度v:
v=k1/255
其中,k1=max{r,g,b},k2=min{r,g,b},即k1为r、g、b三者中的最大值,k2为r、g、b三者中的最小值。
S370、将所述界面中的组件背景色调整为所述主题色。
本公开实施例三提供的界面组件的颜色调整方法,获取界面中的待显示图像,将待显示图像中的各个像素按照颜色进行聚类,计算确定每类像素的中心颜色值,选取红色亮度值、绿色亮度值和蓝色亮度值之间的方差最大的一类像素的中心颜色值作为主题色,将主题色的红色亮度值、绿色亮度值和蓝色亮度值转换成色相饱和度颜色空间值,以更新主题色的颜色值,并将界面中的组件背景色调整为更新后的主题色。本实施例通过采用上述技术方案,能够在确保组件背景色与待显示图片的差异较小的前提下,避免界面中组件区域出现大面积灰色、黑色或其他过于暗淡的颜色,提高组件的可辨识性。
实施例四
本公开实施例四提供一种界面组件的颜色调整装置。该装置可以由软件和/或硬件实现,一般可集成在具有显示界面的设备中,典型的,可以集成于服务器、手机、计算机、平板电脑等设备中,可通过执行界面组件的颜色调整方法对界面组件的颜色进行调整。图4是本公开实施例四提供的界面组件的颜色调整装置的结构框图,如图1所示,该装置包括:
获取模块401,用于获取界面中的待显示图像;
确定模块402,用于根据所述待显示图像确定主题色;
调整模块403,用于将所述界面中的组件背景色调整为所述主题色。
本公开实施例四提供的界面组件的颜色调整装置,通过获取模块获取界面中的待显示图像,通过确定模块根据所获取的待显示图像确定主题色,并通过调整模块将界面中的组件背景色调整为该主题色。本实施例通过采用上述技术方案,能够使界面中的组件背景色随待显示图像颜色进行改变,有效改善界面中各种组件的颜色,使界面颜色显示效果更佳。
在上述方案中,所述待显示图像可以包括视频中的关键帧或图片。
在上述方案中,所述获取模块401可以包括:采样单元,用于从界面的视频中按照设定周期采样获得视频帧;筛选单元,用于根据所述视频帧中的内容筛选确定出关键帧,作为所述待显示图像。
在上述方案中,所述确定模块402可以包括:聚类单元,用于将所述待显示图像中的各个像素,按照颜色进行聚类;计算单元,用于计算确定每类像素的中心颜色值;选择单元,用于从各类像素的中心颜色值中选择目标颜色值,作为主题色。
在上述方案中,所述选择单元可以包括:方差计算子单元,用于针对每类像素的中心颜色值,计算红色亮度值、绿色亮度值和蓝色亮度值之间的方差;主题色确定子单元,用于选择方差最大的一类像素的中心颜色值,作为所述主题色。
进一步的,所述界面组件的颜色调整装置还可以包括:转换模块,用于在将所述界面中的组件背景色调整为所述主题色之前,将所述主题色的红色亮度值、绿色亮度值和蓝色亮度值转换为色相饱和度颜色空间值,以更新所述主题色的颜色值。
在上述方案中,所述转换模块可以用于:采用下述公式将主题色的红色亮度值r、绿色亮度值g和蓝色亮度值b转换为色相饱和度颜色空间的色相h、饱和度s和亮度v:
v=k1/255
其中,k1=max{r,g,b},k2=min{r,g,b}。
在上述方案中,所述界面中的组件可以包括按钮、输入框和边框。
本公开实施例四提供的界面组件的颜色调整装置可执行本公开任意实施例提供的界面组件的颜色调整方法,具备执行界面组件的颜色调整方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节,可参见本公开任意实施例所提供的界面组件的颜色调整方法。
实施例五
图5为本公开实施例五提供的一种设备的结构示意图。图5示出了适于用来实现本公开实施方式的示例性设备512的框图。图5显示的设备512仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图5所示,设备512以通用计算设备的形式表现。设备512的组件可以包括但不限于:一个或者多个处理器或者处理单元516,系统存储器525,连接不同系统组件(包括系统存储器525和处理单元516)的总线518。
总线518表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(ISA)总线,微通道体系结构(MAC)总线,增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
设备512典型地包括多种计算机系统可读介质。这些介质可以是任何能够被设备512访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
系统存储器528可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)530和/或高速缓存存储器532。设备512可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统534可以用于读写不可移动的、非易失性磁介质(图5未显示,通常称为“硬盘驱动器”)。尽管图5中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线518相连。存储器528可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本公开各实施例的功能。
具有一组(至少一个)程序模块542的程序/实用工具540,可以存储在例如存储器528中,这样的程序模块542包括——但不限于——操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块542通常执行本公开所描述的实施例中的功能和/或方法。
设备512也可以与一个或多个外部设备514(例如键盘、指向设备、显示器524等)通信,还可与一个或者多个使得用户能与该设备512交互的设备通信,和/或与使得该设备512能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口522进行。并且,设备512还可以通过网络适配器520与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器520通过总线518与设备512的其它模块通信。应当明白,尽管图5中未示出,可以结合设备512使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理单元516通过运行存储在系统存储器528中的程序,从而执行各种功能应用以及数据处理,例如实现本公开实施例所提供的界面组件的颜色调整方法。也即,获取界面中的待显示图像;根据所述待显示图像确定主题色;将所述界面中的组件背景色调整为所述主题色。
本公开实施例五还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本公开实施例所提供的界面组件的颜色调整方法,该方法具体可以包括:获取界面中的待显示图像;根据所述待显示图像确定主题色;将所述界面中的组件背景色调整为所述主题色。
本公开实施例的计算机存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++、Ruby、Go,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意,上述仅为本公开的较佳实施例及所运用技术原理。本领域技术人员会理解,本公开不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本公开的保护范围。因此,虽然通过以上实施例对本公开进行了较为详细的说明,但是本公开不仅仅限于以上实施例,在不脱离本公开构思的情况下,还可以包括更多其他等效实施例,而本公开的范围由所附的权利要求范围决定。
Claims (11)
1.一种界面组件的颜色调整方法,其特征在于,包括:
获取界面中的待显示图像;
根据所述待显示图像确定主题色;
将所述界面中的组件背景色调整为所述主题色。
2.根据权利要求1所述的方法,其特征在于:所述待显示图像包括视频中的关键帧或图片。
3.根据权利要求2所述的方法,其特征在于,获取界面中的待显示图像包括:
从界面的视频中按照设定周期采样获得视频帧;
根据所述视频帧中的内容筛选确定出关键帧,作为所述待显示图像。
4.根据权利要求1-3任一所述的方法,其特征在于,根据所述待显示图像确定主题色包括:
将所述待显示图像中的各个像素,按照颜色进行聚类;
计算确定每类像素的中心颜色值;
从各类像素的中心颜色值中选择目标颜色值,作为主题色。
5.根据权利要求4所述的方法,其特征在于,从各类像素的中心颜色值中选择目标颜色值,作为主题色包括:
针对每类像素的中心颜色值,计算红色亮度值、绿色亮度值和蓝色亮度值之间的方差;
选择方差最大的一类像素的中心颜色值,作为所述主题色。
6.根据权利要求4所述的方法,其特征在于,将所述界面中的组件背景色调整为所述主题色之前,还包括:
将所述主题色的红色亮度值、绿色亮度值和蓝色亮度值转换为色相饱和度颜色空间值,以更新所述主题色的颜色值。
7.根据权利要求6所述的方法,其特征在于,将所述主题色的红色亮度值、绿色亮度值和蓝色亮度值转换为色相饱和度颜色空间值包括:
采用下述公式将主题色的红色亮度值r、绿色亮度值g和蓝色亮度值b转换为色相饱和度颜色空间的色相h、饱和度s和亮度v:
v=k1/255
其中,k1=max{r,g,b},k2=min{r,g,b}。
8.根据权利要求1所述的方法,其特征在于:所述界面中的组件包括按钮、输入框和边框。
9.一种界面组件的颜色调整装置,其特征在于,包括:
获取模块,用于获取界面中的待显示图像;
确定模块,用于根据所述待显示图像确定主题色;
调整模块,用于将所述界面中的组件背景色调整为所述主题色。
10.一种设备,其特征在于,包括:
一个或多个处理器;
存储器,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-8中任一所述的界面组件的颜色调整方法。
11.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-8中任一所述的界面组件的颜色调整方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910068069.0A CN109783178B (zh) | 2019-01-24 | 2019-01-24 | 一种界面组件的颜色调整方法、装置、设备和介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910068069.0A CN109783178B (zh) | 2019-01-24 | 2019-01-24 | 一种界面组件的颜色调整方法、装置、设备和介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109783178A true CN109783178A (zh) | 2019-05-21 |
CN109783178B CN109783178B (zh) | 2022-08-23 |
Family
ID=66502367
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910068069.0A Active CN109783178B (zh) | 2019-01-24 | 2019-01-24 | 一种界面组件的颜色调整方法、装置、设备和介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109783178B (zh) |
Cited By (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110377860A (zh) * | 2019-07-18 | 2019-10-25 | 百度(中国)有限公司 | 一种页面颜色调整方法、装置及电子设备 |
CN110838154A (zh) * | 2019-11-22 | 2020-02-25 | 北京达佳互联信息技术有限公司 | 一种图片处理方法及装置 |
CN111050202A (zh) * | 2019-11-22 | 2020-04-21 | 北京达佳互联信息技术有限公司 | 视频处理方法、装置、电子设备及介质 |
CN111291219A (zh) * | 2020-01-21 | 2020-06-16 | 海信视像科技股份有限公司 | 一种改变界面背景颜色的方法及显示设备 |
CN112015417A (zh) * | 2020-09-01 | 2020-12-01 | 中国银行股份有限公司 | 一种应用程序主题颜色的确定方法及装置 |
CN112037303A (zh) * | 2020-08-31 | 2020-12-04 | 深圳市欢太科技有限公司 | 主题展示卡片的卡片底色生成方法、装置、设备及介质 |
CN112148241A (zh) * | 2019-06-28 | 2020-12-29 | 百度在线网络技术(北京)有限公司 | 灯光处理方法、装置、计算设备和存储介质 |
CN112837137A (zh) * | 2021-03-17 | 2021-05-25 | 广州弘晟计算机系统有限公司 | 基于大数据的人工智能的界面生成方法 |
CN113259745A (zh) * | 2021-05-13 | 2021-08-13 | 北京百度网讯科技有限公司 | 视频播放页面的处理方法、装置、电子设备和存储介质 |
CN113742025A (zh) * | 2021-09-17 | 2021-12-03 | 北京字跳网络技术有限公司 | 页面生成方法、装置、设备和存储介质 |
CN113763256A (zh) * | 2020-07-06 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 一种图片适配方法和装置 |
CN113808120A (zh) * | 2021-09-24 | 2021-12-17 | 维沃移动通信有限公司 | 图像处理方法、装置、电子设备及存储介质 |
CN114020232A (zh) * | 2021-11-16 | 2022-02-08 | 北京达佳互联信息技术有限公司 | 交互元素显示方法、装置、电子设备及存储介质 |
CN115237305A (zh) * | 2022-07-18 | 2022-10-25 | 北京达佳互联信息技术有限公司 | 拍摄界面显示方法、装置、电子设备及存储介质 |
CN115408552A (zh) * | 2022-07-28 | 2022-11-29 | 深圳市磐鼎科技有限公司 | 显示调整方法、装置、设备及存储介质 |
Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101605175A (zh) * | 2009-07-13 | 2009-12-16 | 中兴通讯股份有限公司 | 一种移动终端显示桌面文字颜色的方法及装置 |
CN101706965A (zh) * | 2009-11-03 | 2010-05-12 | 上海大学 | 基于高斯混合模型区域图像彩色化处理的方法 |
CN103458242A (zh) * | 2013-07-02 | 2013-12-18 | 北京京北方信息技术有限公司 | 基于颜色分类与聚类的图像压缩和解压缩方法 |
CN105204807A (zh) * | 2015-09-24 | 2015-12-30 | 北京金山安全软件有限公司 | 一种调整屏幕前端显示内容颜色的方法及装置 |
CN105468158A (zh) * | 2015-12-22 | 2016-04-06 | 努比亚技术有限公司 | 颜色调整方法及移动终端 |
CN106528187A (zh) * | 2015-09-09 | 2017-03-22 | 腾讯科技(深圳)有限公司 | 一种占位背景色确定方法及装置 |
CN107025464A (zh) * | 2017-04-13 | 2017-08-08 | 深圳市金立通信设备有限公司 | 一种选色方法及终端 |
CN107071418A (zh) * | 2017-05-05 | 2017-08-18 | 上海应用技术大学 | 一种基于决策树的hevc帧内编码单元快速划分方法 |
CN107274418A (zh) * | 2017-07-07 | 2017-10-20 | 江苏省无线电科学研究所有限公司 | 一种基于ap聚类算法的作物图像分割方法 |
CN108206917A (zh) * | 2017-12-29 | 2018-06-26 | 中兴通讯股份有限公司 | 图像处理的方法及装置、存储介质、电子装置 |
US20180189983A1 (en) * | 2016-12-30 | 2018-07-05 | Google Inc. | Selective dynamic color management for user interface components of a media player |
CN109166159A (zh) * | 2018-10-12 | 2019-01-08 | 腾讯科技(深圳)有限公司 | 获取图像的主色调的方法、装置及终端 |
-
2019
- 2019-01-24 CN CN201910068069.0A patent/CN109783178B/zh active Active
Patent Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101605175A (zh) * | 2009-07-13 | 2009-12-16 | 中兴通讯股份有限公司 | 一种移动终端显示桌面文字颜色的方法及装置 |
CN101706965A (zh) * | 2009-11-03 | 2010-05-12 | 上海大学 | 基于高斯混合模型区域图像彩色化处理的方法 |
CN103458242A (zh) * | 2013-07-02 | 2013-12-18 | 北京京北方信息技术有限公司 | 基于颜色分类与聚类的图像压缩和解压缩方法 |
CN106528187A (zh) * | 2015-09-09 | 2017-03-22 | 腾讯科技(深圳)有限公司 | 一种占位背景色确定方法及装置 |
CN105204807A (zh) * | 2015-09-24 | 2015-12-30 | 北京金山安全软件有限公司 | 一种调整屏幕前端显示内容颜色的方法及装置 |
CN105468158A (zh) * | 2015-12-22 | 2016-04-06 | 努比亚技术有限公司 | 颜色调整方法及移动终端 |
US20180189983A1 (en) * | 2016-12-30 | 2018-07-05 | Google Inc. | Selective dynamic color management for user interface components of a media player |
CN107025464A (zh) * | 2017-04-13 | 2017-08-08 | 深圳市金立通信设备有限公司 | 一种选色方法及终端 |
CN107071418A (zh) * | 2017-05-05 | 2017-08-18 | 上海应用技术大学 | 一种基于决策树的hevc帧内编码单元快速划分方法 |
CN107274418A (zh) * | 2017-07-07 | 2017-10-20 | 江苏省无线电科学研究所有限公司 | 一种基于ap聚类算法的作物图像分割方法 |
CN108206917A (zh) * | 2017-12-29 | 2018-06-26 | 中兴通讯股份有限公司 | 图像处理的方法及装置、存储介质、电子装置 |
CN109166159A (zh) * | 2018-10-12 | 2019-01-08 | 腾讯科技(深圳)有限公司 | 获取图像的主色调的方法、装置及终端 |
Non-Patent Citations (1)
Title |
---|
赵薇 等: ""基于多标签深度神经网络的颜色提取方法"", 《信息技术》 * |
Cited By (20)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112148241B (zh) * | 2019-06-28 | 2023-09-01 | 百度在线网络技术(北京)有限公司 | 灯光处理方法、装置、计算设备和存储介质 |
CN112148241A (zh) * | 2019-06-28 | 2020-12-29 | 百度在线网络技术(北京)有限公司 | 灯光处理方法、装置、计算设备和存储介质 |
CN110377860A (zh) * | 2019-07-18 | 2019-10-25 | 百度(中国)有限公司 | 一种页面颜色调整方法、装置及电子设备 |
CN110838154A (zh) * | 2019-11-22 | 2020-02-25 | 北京达佳互联信息技术有限公司 | 一种图片处理方法及装置 |
CN111050202A (zh) * | 2019-11-22 | 2020-04-21 | 北京达佳互联信息技术有限公司 | 视频处理方法、装置、电子设备及介质 |
CN111291219A (zh) * | 2020-01-21 | 2020-06-16 | 海信视像科技股份有限公司 | 一种改变界面背景颜色的方法及显示设备 |
CN113763256A (zh) * | 2020-07-06 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 一种图片适配方法和装置 |
CN112037303A (zh) * | 2020-08-31 | 2020-12-04 | 深圳市欢太科技有限公司 | 主题展示卡片的卡片底色生成方法、装置、设备及介质 |
CN112015417B (zh) * | 2020-09-01 | 2023-08-08 | 中国银行股份有限公司 | 一种应用程序主题颜色的确定方法及装置 |
CN112015417A (zh) * | 2020-09-01 | 2020-12-01 | 中国银行股份有限公司 | 一种应用程序主题颜色的确定方法及装置 |
CN112837137A (zh) * | 2021-03-17 | 2021-05-25 | 广州弘晟计算机系统有限公司 | 基于大数据的人工智能的界面生成方法 |
CN112837137B (zh) * | 2021-03-17 | 2024-02-02 | 广州弘晟计算机系统有限公司 | 基于大数据的人工智能的界面生成方法 |
CN113259745A (zh) * | 2021-05-13 | 2021-08-13 | 北京百度网讯科技有限公司 | 视频播放页面的处理方法、装置、电子设备和存储介质 |
CN113259745B (zh) * | 2021-05-13 | 2022-11-15 | 北京百度网讯科技有限公司 | 视频播放页面的处理方法、装置、电子设备和存储介质 |
CN113742025A (zh) * | 2021-09-17 | 2021-12-03 | 北京字跳网络技术有限公司 | 页面生成方法、装置、设备和存储介质 |
CN113808120A (zh) * | 2021-09-24 | 2021-12-17 | 维沃移动通信有限公司 | 图像处理方法、装置、电子设备及存储介质 |
WO2023045857A1 (zh) * | 2021-09-24 | 2023-03-30 | 维沃移动通信有限公司 | 图像处理方法、装置、电子设备及存储介质 |
CN114020232A (zh) * | 2021-11-16 | 2022-02-08 | 北京达佳互联信息技术有限公司 | 交互元素显示方法、装置、电子设备及存储介质 |
CN115237305A (zh) * | 2022-07-18 | 2022-10-25 | 北京达佳互联信息技术有限公司 | 拍摄界面显示方法、装置、电子设备及存储介质 |
CN115408552A (zh) * | 2022-07-28 | 2022-11-29 | 深圳市磐鼎科技有限公司 | 显示调整方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN109783178B (zh) | 2022-08-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109783178A (zh) | 一种界面组件的颜色调整方法、装置、设备和介质 | |
WO2021027649A1 (zh) | 一种暗模式显示界面处理方法、电子设备与存储介质 | |
CN109639982B (zh) | 一种图像降噪方法、装置、存储介质及终端 | |
CN107256555B (zh) | 一种图像处理方法、装置及存储介质 | |
CN103207728B (zh) | 提供增强现实的方法和支持该方法的终端 | |
CN111416950A (zh) | 视频处理方法、装置、存储介质及电子设备 | |
CN109783182A (zh) | 一种页面主题色调的调整方法、装置、设备及介质 | |
CN104076928B (zh) | 一种调整文字显示区域色调的方法 | |
US11409794B2 (en) | Image deformation control method and device and hardware device | |
WO2022068293A1 (zh) | 页面展示方法及装置 | |
WO2023045857A1 (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN108566544A (zh) | 一种具有ai交互功能的微型投影仪及其投影方法 | |
CN113018856A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN112289278A (zh) | 屏幕亮度调节方法、屏幕亮度调节装置和电子设备 | |
CN108665510A (zh) | 连拍图像的渲染方法、装置、存储介质及终端 | |
EP3596700B1 (en) | Methods, systems, and media for color palette extraction for video content items | |
CN109544441B (zh) | 图像处理方法及装置、直播中的肤色处理方法及装置 | |
CN112269554B (zh) | 显示系统及显示方法 | |
CN113645476A (zh) | 画面处理方法、装置、电子设备及存储介质 | |
CN112423052A (zh) | 显示系统及显示方法 | |
CN116382540A (zh) | 用于电子纸的显示方法、装置、电子设备和存储介质 | |
CN114038370B (zh) | 显示参数调整方法、装置、存储介质及显示设备 | |
CN115604887A (zh) | 一种氛围灯组控制方法、控制台及装置 | |
WO2020248682A1 (zh) | 一种显示设备及虚拟场景生成方法 | |
CN115880193A (zh) | 图像处理方法、装置、电子设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |