CN106201535A - 工具栏背景颜色随着图片的主颜色而变换的方法和装置 - Google Patents
工具栏背景颜色随着图片的主颜色而变换的方法和装置 Download PDFInfo
- Publication number
- CN106201535A CN106201535A CN201610562451.3A CN201610562451A CN106201535A CN 106201535 A CN106201535 A CN 106201535A CN 201610562451 A CN201610562451 A CN 201610562451A CN 106201535 A CN106201535 A CN 106201535A
- Authority
- CN
- China
- Prior art keywords
- color
- picture
- space
- value
- domain
- 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
- 238000000034 method Methods 0.000 title claims abstract description 114
- 238000000605 extraction Methods 0.000 claims abstract description 60
- 238000006243 chemical reaction Methods 0.000 claims abstract description 42
- 239000000284 extract Substances 0.000 claims abstract description 25
- 238000004364 calculation method Methods 0.000 claims description 22
- 239000003086 colorant Substances 0.000 claims description 22
- 238000005070 sampling Methods 0.000 claims description 15
- 230000003796 beauty Effects 0.000 claims description 5
- 230000000694 effects Effects 0.000 abstract description 4
- 238000007654 immersion Methods 0.000 abstract description 4
- 230000006870 function Effects 0.000 description 75
- 238000010586 diagram Methods 0.000 description 8
- 230000011218 segmentation Effects 0.000 description 7
- 230000008447 perception Effects 0.000 description 6
- 241001062009 Indigofera Species 0.000 description 4
- 230000003044 adaptive effect Effects 0.000 description 4
- 239000008280 blood Substances 0.000 description 4
- 210000004369 blood Anatomy 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 238000009738 saturating Methods 0.000 description 4
- 238000011156 evaluation Methods 0.000 description 3
- 238000011946 reduction process Methods 0.000 description 3
- 230000004438 eyesight Effects 0.000 description 2
- 238000012886 linear function Methods 0.000 description 2
- 229920006395 saturated elastomer Polymers 0.000 description 2
- 230000035807 sensation Effects 0.000 description 2
- 238000003860 storage Methods 0.000 description 2
- 238000000205 computational method Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/02—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed
- G09G5/026—Control of mixing and/or overlay of colours in general
-
- A—HUMAN NECESSITIES
- A01—AGRICULTURE; FORESTRY; ANIMAL HUSBANDRY; HUNTING; TRAPPING; FISHING
- A01C—PLANTING; SOWING; FERTILISING
- A01C3/00—Treating manure; Manuring
- A01C3/02—Storage places for manure, e.g. cisterns for liquid manure; Installations for fermenting manure
- A01C3/021—Storage places for manure, e.g. cisterns for liquid manure; Installations for fermenting manure for composted manure
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T1/00—General purpose image data processing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/40—Analysis of texture
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/02—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/14—Display of multiple viewports
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
- G09G5/37—Details of the operation on graphic patterns
- G09G5/373—Details of the operation on graphic patterns for modifying the size of the graphic pattern
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2207/00—Indexing scheme for image analysis or image enhancement
- G06T2207/10—Image acquisition modality
- G06T2207/10024—Color image
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2320/00—Control of display operating conditions
- G09G2320/06—Adjustment of display parameters
- G09G2320/0666—Adjustment of display parameters for control of colour parameters, e.g. colour temperature
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2320/00—Control of display operating conditions
- G09G2320/08—Arrangements within a display terminal for setting, manually or automatically, display parameters of the display terminal
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2340/00—Aspects of display data processing
- G09G2340/06—Colour space transformation
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2354/00—Aspects of interface with display user
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Hardware Design (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Life Sciences & Earth Sciences (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Soil Sciences (AREA)
- Environmental Sciences (AREA)
- User Interface Of Digital Computer (AREA)
- Image Processing (AREA)
- Color Image Communication Systems (AREA)
Abstract
本发明提供了一种工具栏背景颜色随着图片的主颜色而变换的方法和装置。所述方法包括:将当前运行的应用程序的工具栏的背景颜色透明化;提取该应用程序的用户界面当前所显示图片的主颜色;将提取的颜色用作工具栏的背景颜色并显示。此外,所述方法还包括:根据变换后工具栏的背景颜色来自动改变该工具栏上的按钮颜色。根据本发明提供的方法或装置,使界面整体效果呈现更加协调、主题内容突出,提升了界面沉浸式体验的效果。
Description
技术领域
本发明涉及网页技术领域,特别涉及一种工具栏背景颜色随着图片的主颜色而变换的方法和装置。
背景技术
随着智能终端的高速发展,应用在智能终端上的各种第三方应用程序(APP)被开发出来。现有的APP在智能终端上展示界面时会有图片显示,尤其是浏览器客户端展示网页时常会显示图片。另外,APP常自带工具栏以方便用户在APP上实现各种操作。
目前,现有技术在开发各种APP时采用固定工具栏的技术方案,工具栏的颜色也是固定不变的。然而,现有APP显示大图片(即图片占满屏幕或接近占满屏幕)时,或者用户改变了APP界面的背景颜色后,由于APP的工具栏的背景颜色固定不变,这样就影响了界面显示的协调性和相关性,使得展示界面的整体感觉显得比较生硬,分割感觉比较强,用户的体验感不佳。
发明内容
本发明的目的在于提供一种工具栏背景颜色随着图片的主颜色而变换的方法和装置,以改善上述的问题。
根据本发明的第一方面,本发明实施例提供了一种工具栏背景颜色随着图片的主颜色而变换的方法,其包括:
将当前运行的应用程序的工具栏的背景颜色透明化;
提取该应用程序的用户界面当前所显示图片的主颜色;
将提取的颜色用作工具栏的背景颜色并显示。
优选的,还包括:根据变换后工具栏的背景颜色来自动改变该工具栏上的按钮颜色。
优选的,利用彩色转灰度的方法来自动改变该工具栏上的按钮颜色,所述彩色转灰度的方法包括:
使用公式Gray=R*0.299+G*0.587+B*0.114,其中Gray为灰度值,R为所提取的图片主颜色的红颜色值,G为所提取的图片主颜色的绿颜色值,B为所提取的图片主颜色的蓝颜色值,将获取到的图片主颜色的RGB颜色值转换为灰度值,当灰度值在0-0.5之间时工具栏上的按钮颜色变为黑色,当灰度值在0.5-1之间时工具栏上的按钮颜色变为白色。
优选的,还包括:当显示的图片随用户的操作而上下或者左右移动时,在显示的图片没有完全移出操作界面时工具栏的背景颜色保持不变;在显示的图片完全移出操作界面并且操作界面没有图片或颜色显示时工具栏的背景颜色恢复到默认颜色。
优选的,所述提取当前显示图片的主颜色的步骤包括:
获取图片步骤,用于获取当前显示的图片,所述图片包括多个显示单元;
颜色分类步骤,用于对图片所包含的每个显示单元在第一颜色空间中进行分类处理,通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目;
颜色权重计算步骤,用于将每类颜色从第一颜色空间转换至第二颜色空间,获取每类颜色在第二颜色空间每一维度取值,根据显示需求与所述第二颜色空间每一维度对应的因素,确定所述第二颜色空间每一维度的权重函数,根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数,计算每类颜色的权重;
主颜色提取步骤,用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,提取所述颜色分值最高的该类颜色作为图片的主颜色。
优选的,所述颜色权重计算步骤包括:
将分类得到的N类颜色,从所述第一颜色空间转换至具有M维的第二颜色空间,得到每类颜色在所述第二颜色空间的取值,其中第i类颜色在所述第二颜色空间的第j维取值为Pij(i=1,...,N;j=1,...,M);
根据显示需求与所述第二颜色空间每一维度对应的因素,配置第二颜色空间每一维度的权重函数,其中第j维的权重函数为F(xj)(j=1,...,N);
根据每类颜色在所述第二颜色空间取值和权重函数计算每类颜色的权重,其中第i类颜色的权重Wi为:其中C为不为0的常数。
优选的,所述权重函数被配置为使得与显示需求中某个因素相关性越高的维度,其维度权重函数计算得到的结果值越大。
优选的,所述第一颜色空间为RGB空间,所述第二颜色空间为HSV空间。
优选的,在所述颜色权重计算步骤中,用于当所述显示需求中与所述HSV空间的饱和度对应的因素为使显示颜色更鲜艳时,配置所述饱和度的权重函数为F(S)=(S/2A)2,其中
S为饱和度取值,A为正整数。
优选的,在所述颜色权重计算步骤中,用于当所述显示需求中与所述HSV空间的明度对应的因素为避免不利于文字展示的极端颜色时,配置所述明度的权重函数为其中
V为明度取值,根据所述HSV空间明度取值V的最大值2p2-1来获取p2的值。
优选的,所述颜色分类步骤还包括:用于对图片所包含的显示单元通过下述公式进行下采样,将下采样得到[S'1,S'2,...S'T]相同的显示单元归为同类颜色;其中
T为所述第一颜色空间维度数目,[S1,...,ST]为单个显示单元在所述第一颜色空间的取值,q1为大于0且小于p的整数,根据已知的所述第一颜色空间中每一维最大值2p-1来获得p值。
优选的,在所述主颜色提取步骤中,所述每类颜色的颜色分值为每类颜色对应的显示单元数目与权重相乘。
优选的,所述主颜色提取步骤包括:提取所述颜色分值最高的该类颜色的中间颜色值作为图片的主颜色。
优选的,在所述颜色分类步骤之前还包括:图片缩小步骤,用于将图片边长像素缩小至合适值。
优选的,所述方法还包括模板匹配以确定最终主颜色步骤,用于将提取的图片主颜色与预置的模板颜色进行匹配,选取与图片主颜色最相近的模板颜色作为最终的图片主颜色。
根据本发明的第二方面,本发明实施例提供了一种工具栏背景颜色随着图片的主颜色而变换的装置,其包括:
工具栏背景颜色透明化模块,用于将当前运行的应用程序的工具栏的背景颜色透明化;
图片主颜色提取模块,用于提取该应用程序的用户界面当前所显示图片的主颜色;
工具栏背景颜色变换模块,用于将提取的颜色用作工具栏的背景颜色并显示。
优选的,还包括:工具栏按钮颜色变换模块,用于根据变换后工具栏的背景颜色来自动改变该工具栏上的按钮颜色。
优选的,利用彩色转灰度的方法来自动改变该工具栏上的按钮颜色,所述彩色转灰度的方法包括:
使用公式Gray=R*0.299+G*0.587+B*0.114,其中Gray为灰度值,R为所提取的图片主颜色的红颜色值,G为所提取的图片主颜色的绿颜色值,B为所提取的图片主颜色的蓝颜色值,将获取到的图片主颜色的RGB颜色值转换为灰度值,当灰度值在0-0.5之间时工具栏上的按钮颜色变为黑色,当灰度值在0.5-1之间时工具栏上的按钮颜色变为白色。
优选的,还包括:工具栏背景颜色恢复模块,用于在显示的图片完全移出操作界面并且操作界面没有图片或颜色显示时工具栏的背景颜色恢复到默认颜色。
优选的,所述图片主颜色提取模块包括:
获取图片模块,用于获取当前显示的图片,所述图片包括多个显示单元;
颜色分类步模块,用于对图片所包含的每个显示单元在第一颜色空间中进行分类处理,通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目;
颜色权重计算模块,用于将每类颜色从第一颜色空间转换至第二颜色空间,获取每类颜色在第二颜色空间每一维度取值,根据显示需求与所述第二颜色空间每一维度对应的因素,确定所述第二颜色空间每一维度的权重函数,根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数,计算每类颜色的权重;
主颜色提取模块,用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,提取所述颜色分值最高的该类颜色作为图片的主颜色。
优选的,所述颜色权重计算模块用于:
将分类得到的N类颜色,从所述第一颜色空间转换至具有M维的第二颜色空间,得到每类颜色在所述第二颜色空间的取值,其中第i类颜色在所述第二颜色空间的第j维取值为Pij(i=1,...,N;j=1,...,M);
根据显示需求与所述第二颜色空间每一维度对应的因素,配置第二颜色空间每一维度的权重函数,其中第j维的权重函数为F(xj)(j=1,...,N);
根据每类颜色在所述第二颜色空间取值和权重函数计算每类颜色的权重,其中第i类颜色的权重Wi为:其中C为不为0的常数。
优选的,所述颜色权重计算模块用于配置所述权重函数,使得与显示需求中某个因素相关性越高的维度,其维度权重函数计算得到的结果值越大。
优选的,第一颜色空间为RGB空间,第二颜色空间为HSV空间。
优选的,所述颜色权重计算模块用于当所述显示需求中与所述HSV空间的饱和度对应的因素为使显示颜色更鲜艳时,配置所述饱和度的权重函数为F(S)=(S/2A)2,其中
S为饱和度取值,A为正整数。
优选的,所述颜色权重计算模块用于当所述显示需求中与所述HSV空间的明度对应的因素为避免不利于文字展示的极端颜色时,配置所述明度的权重函数为
其中
V为明度取值,根据所述HSV空间明度取值V的最大值2p2-1来获取p2的值。
优选的,所述颜色分类模块用于对图片所包含的显示单元通过下述公式进行下采样,将下采样得到[S′1,S′2,...S′T]相同的显示单元归为同类颜色;其中
T为所述第一颜色空间维度数目,[S1,...,ST]为单个显示单元在所述第一颜色空间的取值,q1为大于0且小于p的整数,根据已知的所述第一颜色空间中每一维最大值2p-1来获得p值。
优选的,所述主颜色提取模块用于将每类颜色对应的显示单元数目与权重相乘作为每类颜色的颜色分值。
优选的,所述主颜色提取模块用于提取所述颜色分值最高的该类颜色的中间颜色值作为图片的主颜色。
优选的,还包括图片缩小模块,用于将图片边长像素缩小至合适值。
优选的,还包括板匹配以确定最终主颜色模块,用于将提取的图片主颜色与预置的模板颜色进行匹配,选取与图片主颜色最相近的模板颜色作为最终的图片主颜色。
根据本发明的第三方面,本发明实施例提供了一种元素栏背景颜色随着图片的主颜色而变换的方法,其包括:
将当前运行的应用程序的元素栏的背景颜色透明化;
提取该应用程序的用户界面当前所显示图片的主颜色;
将提取的颜色用作元素栏的背景颜色并显示。
优选的,还包括:根据变换后元素栏的背景颜色来自动改变该元素栏上的按钮颜色。
优选的,所述提取当前显示图片的主颜色的步骤包括:
获取图片步骤,用于获取当前显示的图片,所述图片包括多个显示单元;
颜色分类步骤,用于对图片所包含的每个显示单元在第一颜色空间中进行分类处理,通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目;
颜色权重计算步骤,用于将每类颜色从第一颜色空间转换至第二颜色空间,获取每类颜色在第二颜色空间每一维度取值,根据显示需求与所述第二颜色空间每一维度对应的因素,确定所述第二颜色空间每一维度的权重函数,根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数,计算每类颜色的权重;
主颜色提取步骤,用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,提取所述颜色分值最高的该类颜色作为图片的主颜色。
优选的,所述元素栏包括:标题栏、菜单栏、地址栏、状态栏、任务栏或浏览栏。
根据本发明的第四方面,本发明实施例提供了一种元素栏背景颜色随着图片的主颜色而变换的装置,其包括:
元素栏背景颜色透明化模块,用于将当前运行的应用程序的元素栏的背景颜色透明化;
图片主颜色提取模块,用于提取该应用程序的用户界面当前所显示图片的主颜色;
元素栏背景颜色变换模块,用于将提取的颜色用作元素栏的背景颜色并显示。
优选的,还包括:元素栏按钮颜色变换模块,用于根据变换后元素栏的背景颜色来自动改变该元素栏上的按钮颜色。
优选的,所述元素栏包括:标题栏、菜单栏、地址栏、状态栏、任务栏或浏览栏。
通过本发明所述的工具栏背景颜色随着图片的主颜色而变换的方法和装置,可以将提取的图片主颜色应用在传统为固定工具栏的背景颜色上,使得工具栏的颜色可以根据屏幕显示结果内容进行自适应的调整,从而界面搭配更加和谐美观,加强界面的整体协调性和主题相关性,避免了现有技术带来的展示界面的整体感觉显得比较生硬,分割感觉比较强的缺点,提升了界面沉浸式体验的效果,观感上更和谐。
附图说明
图1是本发明的工具栏背景颜色随着图片的主颜色而变换的方法流程示意图;
图2是本发明的一个实施例的图片主颜色提取方法的流程图;
图3是本发明的另一个实施例的图片主颜色提取方法的流程图;
图4是本发明的工具栏背景颜色随着图片的主颜色而变换的装置框图;
图5是本发明的一个实施例的图片主颜色提取模块的框图;
图6是本发明的另一个实施例的图片主颜色提取模块的框图;
图7是使用现有技术的屏幕显示的截图的一个例子;
图8是使用本发明的方法或装置后的屏幕显示的画面截图的一个例子。
具体实施方式
下面将结合本发明实施例和附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
下面将结合本发明的附图和具体实施例,对本发明的技术方案进行清楚、完整地描述。
图1是本发明的工具栏背景颜色随着图片的主颜色而变换的方法流程示意图。如图1所示,本发明的工具栏背景颜色随着图片的主颜色而变换的方法包括:
步骤1:将当前运行的应用程序的工具栏的背景颜色透明化。
正如在介绍背景技术时提到的,由于现有APP客户端的工具栏的背景颜色固定不变,所以当现有APP客户端显示满屏幕或接近满屏幕的大图片时,会发生智能终端屏幕显示颜色的整体感生硬,分割感觉比较强。因此,首先需要将当前运行的应用程序的工具栏的背景颜色透明化,以使得工具栏所遮挡的屏幕当前显示的图片颜色显露出来。在不同的编辑语言环境下,对相应函数的相关参数进行设置,来实现将工具栏的背景颜色透明化,本领域技术人员都知道如何进行设置,这里不再赘述。
步骤2:提取该应用程序的用户界面当前所显示图片的主颜色。
提取图片主颜色的方法有很多。例如:2010年5月26日公开的公开号为CN101714257A的专利文献,其公开了一种图像主颜色特征提取和结构化描述的方法;2012年7月18日公开的公开号为CN102592272A的专利文献,其公开了一种图片主色调提取方法及装置;2014年10月29日公开的公开号为CN104123736A的专利文献,其公开了一种图片主色系获取方法及装置;2015年1月7日公开的公开号为CN104268904A的专利文献,其公开了一种提取图片主颜色的方法及装置等,这里不再过多列举。除了可以使用本领域公知的提取图片主颜色的方法之外,本发明还提供了一种新的提取图片主颜色的方法。下文将会详细描述本发明提供的提取图片主颜色的具体实施方法。
步骤3:将提取的颜色用作工具栏的背景颜色并显示。
本领域技术人员都知道,在智能终端的屏幕上显示的各种颜色,都是通过设置不同的例如RGB颜色值或其组合来实现的。因此,在步骤2中所提取的颜色可以用具体的颜色值表示,将该提取出的颜色值替换掉工具栏的背景颜色值,从而实现了将提取的颜色用作为工具栏的背景颜色并显示。
当工具栏的背景颜色发生变化时,原来的按钮颜色不一定与当前显示的工具栏的背景颜色协调一致,即在新的工具栏的背景颜色下,按钮可能会显示不清楚。例如原按钮颜色为黑色,而工具栏的背景颜色处于暗色区域。因此在一个优选方案中,所述工具栏背景颜色随着图片的主颜色而变换的方法还可以包括:
步骤4:根据变换后工具栏的背景颜色来自动改变该工具栏上的按钮颜色。
利用彩色转灰度的方法来实现根据变换后工具栏的背景颜色自动改变该工具栏上的按钮颜色。所述彩色转灰度的方法包括:
使用公式Gray=R*0.299+G*0.587+B*0.114,其中Gray为灰度值,R为所提取的图片主颜色的红颜色值,G为所提取的图片主颜色的绿颜色值,B为所提取的图片主颜色的蓝颜色值,从而将获取到的图片主颜色的RGB颜色值转换为灰度值,当灰度值在0-0.5之间时工具栏上的按钮颜色自动变为黑色,当灰度值在0.5-1之间时工具栏上的按钮颜色自动变为白色。这里简单解释一下,公式Gray=R*0.299+G*0.587+B*0.114是本领域公知的著名的心理学公式,当通过上述公式将RGB颜色值转换为灰度值后,如果灰度值在0-0.5之间,说明当前屏幕上展示的图片的主颜色值处于亮色区域,因此应该将工具栏上的按钮颜色变为黑色;当灰度值在0.5-1之间,说明当前屏幕上展示的图片的主颜色值处于暗色区域,因此应该将工具栏上的按钮颜色变为白色。
另外,在一个优选实施例中,当用户操作智能终端上安装的APP客户端时,显示的内容会发生上下左右滚动或翻页或切换等。例如,用户使用智能终端上安装的浏览器浏览网页时,用户在屏幕上滑动手指以使显示的网页内容滚动或翻页或切换,此时会出现几种情况:1)用户手指轻微滑动屏幕以使显示的图片在屏幕上微移,即虽然屏幕上显示的图片发生移动,但还在屏幕的显示区域里完全显示时,由于已经对该图片提取了主颜色并作为工具栏的背景颜色显示出来,此时工具栏的背景颜色保持不变;2)用户手指滑动屏幕以使显示的图片在屏幕上滚动,最终屏幕上不再显示图片而是显示文字或空白等,此时将工具栏的背景颜色恢复到默认颜色;3)用户手指滑动屏幕以使显示的图片在屏幕上滚动,最终屏幕上显示新的图片时,工具栏的背景颜色将自适应地变换,即执行上述方法的步骤1-3或者步骤1-4以将工具栏的背景颜色变换为新颜色。
另外,在一个优选实施例中,如果用户设置了所打开的APP客户端的背景颜色,例如用户将智能终端上安装的浏览器的背景颜色设置为绿色,此时浏览器上打开的网页显示文字内容而背景颜色为绿色,浏览器所带的工具栏的背景颜色也可以通过运行上面描述的方法而自适应地变换。
简而言之,在执行完工具栏背景颜色随着图片的主颜色而变换的方法的步骤3或者步骤4之后还可以包括:
当显示的图片随用户的操作而上下或者左右移动时,在显示的图片没有完全移出操作界面时工具栏的背景颜色保持不变;在显示的图片完全移出操作界面并且操作界面没有图片或颜色显示时工具栏的背景颜色恢复到默认颜色。
注意,在本篇上下文中所述的当前显示的图片为在智能终端的屏幕上显示的占主导位置的主要大图片。即,该显示图片占据屏幕的全部或大部分可显示区域。
通过本发明所述的工具栏背景颜色随着图片的主颜色而变换的方法,可以将提取的图片主颜色应用在传统为固定工具栏的背景颜色上,使得工具栏的颜色可以根据屏幕显示结果内容进行自适应的调整,从而界面搭配更加和谐美观,加强界面的整体协调性和主题相关性,避免了现有技术带来的展示界面的整体感觉显得比较生硬,分割感觉比较强的缺点,提升了界面沉浸式体验的效果,观感上更和谐。
例如,图7是使用现有技术的屏幕显示的截图的一个例子,图7所示的截图为使用智能终端上的浏览器客户端浏览天气预报的页面,可以看出,页面所展示的图片颜色以蓝色为主,但该浏览器客户端的底部工具栏的背景颜色为固定白色,使得展示界面的整体感觉显得比较生硬,分割感觉比较强。图8是使用本发明的方法或装置后的屏幕显示的画面截图的一个例子,从图8所示的天气预报的页面可以看出,在页面展示的图片颜色以蓝色为主的情况下,底部工具栏的背景颜色自动变换为蓝色,底部工具栏的背景颜色与屏幕显示的页面图片颜色风格一致,观感更和谐,加强了界面的整体协调性和主题相关性。
另外,尽管上述多个实施例描述了工具栏背景颜色随着图片的主颜色而变换的方法,本领域技术人员都知道,该方法不限于工具栏的背景颜色,使用本发明实施例提供的方法,其他元素栏的背景颜色也可以随着图片的主颜色而变换,其他元素栏包括但不限于:标题栏、菜单栏、地址栏、状态栏、任务栏或浏览栏等等。
因此,本发明实施例还提供了一种元素栏背景颜色随着图片的主颜色而变换的方法,其包括:
将当前运行的应用程序的元素栏的背景颜色透明化;
提取该应用程序的用户界面当前所显示图片的主颜色;
将提取的颜色用作元素栏的背景颜色并显示。
优选的,还包括:根据变换后元素栏的背景颜色来自动改变该元素栏上的按钮颜色。所述元素栏包括:标题栏、菜单栏、工具栏、地址栏、状态栏、任务栏或浏览栏。
另外,上述多个实施例的任意组合方案也适用于本实施例。
另外,正如在上面的步骤2中描述的,可以使用多种方法来执行对当前显示的图片提取其主颜色。图2是本发明实施例的图片主颜色提取方法的流程图。如图2所示,在一个优选实施例中,本发明提供的图片主颜色提取方法包括:
获取图片步骤201,用于获取当前显示的图片,所述图片包括多个显示单元;
颜色分类步骤202,用于对图片所包含的每个显示单元在第一颜色空间中进行分类处理,通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目;
颜色权重计算步骤203,用于将每类颜色从第一颜色空间转换至第二颜色空间,获取每类颜色在第二颜色空间每一维度取值,根据显示需求与所述第二颜色空间每一维度对应的因素,确定所述第二颜色空间每一维度的权重函数,根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数,计算每类颜色的权重;
主颜色提取步骤204,用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,提取所述颜色分值最高的该类颜色作为图片的主颜色。
此外,在一个优选实施例中,在所述颜色分类步骤之前还包括:图片缩小步骤,用于将图片边长像素缩小至合适值。
此外,在另一个优选实施例中,本发明的图片主颜色提取方法除了包括上述介绍的步骤之外,还包括:模板匹配步骤,用于将提取的图片主颜色与预置的模板颜色进行匹配,选取与图片主颜色最相近的模板颜色作为最终的图片主颜色。
图3是本发明的另一个实施例的图片主颜色提取方法的流程图。图3示出了包括上述两个优选实施例的图片主颜色提取方法,但本领域技术人员在阅读本发明说明书之后都知道,这两个优选实施例可以分别单独地存在于图2所示的方法实施例中,也可以共同地存在于图2所示的方法实施例中。
下面结合附图3描述上述的各个步骤的细节。
首先在步骤S201,获取当前显示的图片,图片中包含多个显示单元。
其中,当前显示的图片一般是在网页浏览时网页内容显示的主要图片,或是第三方软件应用程序例如手机应用程序界面显示的主要图片。
所述图片包含多个显示单元,所述显示单元可以是图片显示的最小像素单元,可以是图片数据的最小阵列,也可以是根据应用需求划分的图片处理的显示区域,例如根据实现图片主颜色提取方法的装置支持的运算能力,划分可支持运算的图片最小显示区域。
此后可选地,进入步骤S202,执行图片缩小步骤,用于将图片边长像素缩小至合适值。该步骤S202是优选的,不执行该步骤也不会影响提取图片主颜色的方法的实现。
若当前显示的图片尺寸较大或者实现提取图片主颜色方法的装置处理能力受限,则可以通过步骤S202,将待提取主颜色的图片边长像素缩小至合适值,使得图片的尺寸缩小为适合处理的尺寸或适配实现提取图片主颜色方法的装置处理能力的尺寸。所述合适值可以根据应用需求或者实践经验选取。一般应用中,将图片缩小至边长为200像素比较合适。
若待提取主颜色的图片尺寸合适或提取图片主颜色方法的装置处理能力不受限,则在步骤S201后,直接进入步骤S203,颜色分类步骤,对图片所包含的每个显示单元在第一颜色空间中进行分类处理,通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目。
其中所述的第一颜色空间,可以是RGB空间,R代表红色、G代表绿色、B代表蓝色,在RGB空间中,通过对红(R)、绿(G)、蓝(B)三个颜色变化以及它们相互之间的叠加来得到各式各样的颜色的,因而在RGB空间这个三维颜色空间中可以通过三个维度R、G、B的不同取值来组合表征人类视力所能察觉的各种颜色。第一颜色空间还可以是其他可以通过其维度取值组合表征人类视力所能察觉的各种颜色的颜色空间,例如LAB空间,在LAB空间中L表示明度(取值0-100)、A表示红色至绿色的范围(取值范围127至-128,127对应红色,-128对应绿色)、B表示从黄色至蓝色的范围(取值范围127至-128,127对应黄色,-128对应蓝色),所有的颜色在LAB空间中可以以L、A、B这三个值交互变化所组成。
所述颜色特性,是可以在第一颜色空间中独立表征多个显示单元的颜色共同点的特性,可以是第一颜色空间中某个维度的数值范围,也可以是至少包含第一颜色空间中任意两个维度的数值范围的组合,或者其他等同的特性。
例如第一颜色空间为RGB空间,可以将符合R的取值在16-31范围这一颜色特性的显示单元归入同一类颜色,将符合R的取值在0-15范围这一颜色特性的显示单元归入另一类颜色,以此类推,只根据维度R的取值这一颜色特性对图片包含的显示单元进行分类。又或者根据R、G两个维度的取值的颜色特性进行分类,例如将R、G的取值均在16-31范围这一颜色特性的显示单元归入同一类颜色,将符合R、G的取值均在0-15范围这一颜色特性的显示单元归入另一类颜色,以此类推,完成分类。又或者同时根据R、G、B三个维度的取值的颜色特性进行分类,例如将符合R、G、B的取值均在16-31范围这一颜色特性的显示单元归入同一类颜色,将符合R、G、B的取值均在0-15范围这一颜色特性的显示单元归入另一类颜色,以此类推,完成分类。
因此当所述的第一颜色空间为RGB空间时,所述步骤S203的颜色分类步骤,具体为对图片包含的每个显示单元在RGB空间进行分类处理,通过将在RGB空间中颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目。所述颜色特性,为RGB空间中任一维度的一定数值范围或至少包含RGB中任意两个维度的数值范围的组合。
分类方法可以包括多种,如上所述,可以为根据第一颜色空间至少一个维度的区间范围进行分段取值的方式。优选地,也可以通过下述公式1对图片中的显示单元进行下采样,从而对显示单元进行分类:
将下采样得到[S'1,S'2,...S'T]相同的显示单元归为同类颜色;其中
T为所述第一颜色空间维度数目,[S1,...,ST]为单个显示单元在所述第一颜色空间的取值,q1为大于0且小于p的整数,可以根据已知的所述第一颜色空间中每一维最大值2p-1来获得p值。
例如,所述第一颜色空间为RGB空间,将图片所包含的显示单元通过公式进行下采样,将下采样得到[S'R,S'G,S'B]相同的显示单元归为同类颜色;其中
[SR,SG,SB]为单个显示单元在所述RBG空间的取值,q1为大于0且小于p的整数,可以根据所述RGB空间中每一维最大值2p-1来获得p值。
以第一颜色空间为RGB256空间(R、G、B的取值范围均为0-255)做进一步详细说明,假设所述图片中一个显示单元A在RGB空间取值[SR,SG,SB]=[120,56,56],另一显示单元B在RGB空间取值[SR,SG,SB]=[124,50,60],通过上述方法对显示单元A、B进行下采样,其中可通过RGB空间每一维取值范围为0-255来确定p取值为8,即2p-1=255,从而可知p=8,选取p1的值为4(大于0且小于8的整数):
对于显示单元A:
对于显示单元B:
两个显示单元通过下采样得到的[S'R,S'G,S'B]相等,因而归为同类颜色。
进入步骤S204,颜色权重计算步骤,用于将每类颜色从第一颜色空间转换至第二颜色空间,获取每类颜色在第二颜色空间每一维度取值,根据显示需求与所述第二颜色空间每一维度对应的因素,确定所述第二颜色空间每一维度的权重函数,根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数,计算每类颜色的权重。
其中所述第二颜色空间一般为不同于第一颜色空间的颜色空间。例如第一颜色空间为RGB空间或LAB空间,第二颜色空间可以为HSV空间、HIS空间或YUV空间。其中HSV空间为三维颜色空间,具有色相H、饱和度S、明度V三个维度。HSI空间用H、S、I三个维度组合表示颜色,其中H定义颜色的波长色调(即色调),S表示颜色的深浅程度(即饱和度),I表示强度或亮度。YUV空间Y表示明亮度(即灰阶值),而U和V表示的则是色度,描述颜色的色彩及饱和度,构成彩色的两个分量。
当从第一颜色空间转换到第二颜色空间时,可以采用公知的颜色空间转换算法来进行,例如当从RGB颜色空间转换到HSV颜色空间时,可以采用opencv算法库,这些本发明均不做限制。
所述显示需求,可以是多样化的,如显示需求可能包含一种或多种因素,例如图片颜色较鲜艳,或是避免观看不适的极端颜色例如血红色等,或是避免不利于文字展示的极端颜色等。在进行图片显示时,可能只存在单一因素的显示需求,也可能多种因素的显示需求同时并存的。
以第二颜色空间为HSV空间为例,HSV空间为三维空间,具有色相H、饱和度S、明度V三个维度,若显示需求中包含图片颜色较鲜艳的因素,而该因素对应于HSV空间的饱和度S,则需要配置饱和度权重函数。又例如显示需求中包含图片不出现极端颜色例如血红色的因素,而该因素对应于HSV空间色相H,则需要配置色相权重函数。再例如显示需求中包含避免不利于文字展示的极端颜色的因素,则该因素对应于HSV空间明度V,需要配置明度权重函数。
进一步地,若显示需求中包含图片颜色较鲜艳的因素,需要配置饱和度S的权重函数,可以配置饱和度权重函数为饱和度值S的平方函数,使得饱和度函数计算得到的结果值能突出显示需求中包含的图片颜色较鲜艳的因素。又例如,显示需求中包含图片颜色较柔和的因素,需要配置饱和度S的权重函数,可以配置饱和度权重函数为饱和度值S的一次函数或常数项,使得饱和度函数计算得到的结果值能突出显示需求中包含的图片颜色较柔和的因素。又例如显示需求中包含图片不出现极端颜色例如血红色的因素,而该因素对应于HSV空间色相H,该因素要求落入血红色对应的H的取值范围的颜色不能为主色,需要配置色相权重函数,使得色相权重函数计算结果值可以剔除血红色。再例如显示需求中包含避免不利于文字展示的极端颜色的因素,则该因素对应于HSV空间明度V,需要配置明度V的权重函数,可以配置明度权重函数为线性函数,使得明度权重函数的计算结果值可以避免不利于文字展示的极端颜色。以上举例仅为示意性举例,本发明中并不仅局限于此,本领域技术人员可以根据实际应用场景或需求变换实现本发明所述方法。
优选地,将步骤S203中分类得到的N类颜色,从所述第一颜色空间转换至具有M维的第二颜色空间,得到每类颜色在所述第二颜色空间的取值,其中第i类颜色在所述第二颜色空间的第j维取值为Pij(i=1,...,N;j=1,...,M),根据显示需求与所述第二颜色空间每一维度对应的因素,配置第二颜色空间每一维度的权重函数,其中第j维的权重函数为F(xj)(j=1,...,N),而后,根据每类颜色在所述第二颜色空间取值和权重函数计算每类颜色的权重,其中第i类颜色的权重Wi为:
其中C是不为0的常数。
可以根据应用需求或者实践经验选取C的取值,例如C=1。
以所述第一颜色空间为RGB空间、第二颜色空间为HSV空间进一步举例说明。在RGB空间中分类得到的每类颜色,从RGB空间转换至HSV空间。HSV空间为3维颜色空间,本例中H空间(颜色色相)的取值范围为[0,179],表示一个色环;S空间(颜色饱和度)的取值范围为[0,255],值越大饱和度越高;V空间(颜色明度)的取值范围为[0,255],值越大明度越高。
将在步骤S203中分类得到的N类颜色,从RGB空间转换至具有3维的HSV空间,得到每类颜色在HSV空间的色相H、饱和度S、明度V取值,其中第i类颜色的取值为[Hi,Si,Vi],根据显示需求与HSV空间每一维度对应的因素,配置HSV每一维度权重函数,其中色相权重函数为F(H),饱和度权重函数为F(S),明度权重函数为F(V),根据每类颜色在HSV空间的取值和权重函数计算每类颜色的权重,其中第i类颜色的权重Wi为:
Wi=F(Hi)+F(Si)+F(Vi)+C (公式3)
其中,C是不为0的常数。
可以根据应用需求或者实践经验选取C的取值,例如C=1。
优选地,所述权重函数被配置为使得与显示需求中某个因素相关性越高的维度,其维度权重函数计算得到的结果值越大。
以第二颜色空间为HSV空间为例,如显示需求中包含图片颜色较鲜艳的因素,则HSV空间中色相H、饱和度S、明度V中,饱和度S与该因素相关性最高,因此可以配置饱和度权重函数为饱和度值S的平方函数,并配置色相权重函数、明度权重函数为一次项或常数项,甚至为0,使得饱和度权重函数计算的结果值比色相权重函数计算的结果值以及明度权重函数计算的结果值更大。
又例如显示需求中包含避免不利于文字展示的极端颜色的因素,则HSV空间中色相H、饱和度S、明度V中,明度V与该因素相关性最高,因此可以配置明度权重函数为明度值V的线性函数,并配置色相权重函数、饱和度权重函数为一次项或常数项,甚至为0,使得明度权重函数计算的结果值比色相权重函数计算的结果值以及饱和权重函数计算的结果值更大。
以上举例仅为示意性举例,本发明中并不仅局限于此,本领域技术人员可以根据实际应用场景或需求变换实现本发明所述方法。
优选地,所述显示需求中与所述HSV空间的饱和度对应的因素为使显示颜色更鲜艳时,配置所述饱和度的权重函数为
F(S)=(S/2A)2 (公式4)
其中,S为饱和度取值,A为正整数。
例如根据应用经验选取A=3,则根据公式4,饱和度权重函数为F(S)=(S/8)2。
并且,显示需求中使显示颜色更鲜艳的因素,与所述HSV空间的饱和度对应的相关性较高,即高于显示需求中对应色相H以及明度V的相关性,可将F(H)、F(V)设置为一次项表达式或者常数项,使得F(S)计算出的得到的结果值较大。
例如在某些应用中,显示需求中若不存在对应色相、明度的因素,只有对应饱和度的因素为使显示颜色更鲜艳,则配置F(H)、F(V)均为0,根据公式3、公式4,第i类颜色的权重Wi为:Wi=(Si/A)2+C,其中Si为第i类颜色的饱和度值,C是不为0的常数。
优选地,所述显示需求中与所述HSV空间的明度对应的因素为避免不利于文字展示的极端颜色时,配置所述明度的权重函数为
其中,V为明度取值,可以根据所述HSV空间中明度取值V的最大值2p2-1来获取p2。
例如,所举例中HSV空间中明度取值V的最大值为255,即2p2-1=255,则对应p2=8,则根据公式5,明度权重函数为:
并且,显示需求中为避免不利于文字展示的极端颜色的因素,与所述HSV空间的明度对应的相关性较高,即高于显示需求中对应色相H以及饱和度S的相关性,可将F(H)、F(S)设置为一次项表达式或者常数项,使得F(S)计算出的得到的结果值较大。
例如在某些应用中,显示需求中若不存对应色相、饱和度的因素,只有对应明度的因素,则配置F(H)、F(S)均为0,根据公式3和公式5,第i类颜色的权重Wi为:
其中Vi为第i类颜色的明度值。
随后进入步骤S205,主颜色提取步骤,用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,提取所述颜色分值最高的该类颜色作为图片的主颜色。
本发明中,颜色分值表征对每类颜色的评价,根据显示需求所获取的每类颜色的权重和每类颜色对应的显示单元数目而综合决定。颜色分值最高的颜色,是最符合显示需求情况下在图片中包含显示单元数目(即对应的显示单元数目)最多的颜色,因此该类颜色作为图片的主颜色。
根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,可以是每类颜色对应的显示单元数目与该类颜色的权重简单相乘的数值,也可以是每类颜色对应的显示单元数目与该类颜色的权重相乘后再乘以或除以比例系数得到的数值,其中比例系数可以是根据应用需求选取或根据实现计算的装置处理能力选取,还可以采用其他等同的计算方法,只要能使得计算获取的每类颜色的颜色分值的结果,是体现根据显示需求所获取的每类颜色的权重以及每类颜色对应的显示单元数目,基于相同的评价标准对每类颜色进行的评价。
优选地,将每类颜色对应的显示单元数目与权重相乘作为每类颜色的颜色分值。
更优选地,提取所述颜色分值最高的该类颜色的中间颜色值作为图片的主颜色。
所述颜色分值最高的该类颜色的中间颜色值,可以是对颜色分值最高的该类颜色所对应的显示单元数目在经过数值排序或其他排序方法后,得到排序在中间位置的显示单元对应的颜色值。
可选地,进入步骤S206,模板匹配以确定最终主颜色步骤,用于将提取的图片主颜色与预置的模板颜色进行匹配,选取与图片主颜色最相近的模板颜色作为最终输出的图片主颜色。
若经过步骤S205提取的图片主色存在颜色不美观或者未完全符合显示需求等问题,可进入步骤S206对图片主颜色进行模板匹配,选取与图片主颜色最相近的模板颜色作为最终的图片主颜色,使得最终输出的图片主颜色符合用户审美或者完全符合显示需求。
其中预置的模板颜色可以根据显示需求选取,例如选取用户体验较为良好的颜色集合作为模板颜色,排除刺眼的血红色等。将图片主颜色与模板颜色匹配的算法,可以采用John R.Smith和Shih-Fu Chang在《a fully automated content-based image querysystem》中提出的颜色相似性计算方法。
若经过步骤S205提取的图片主色不存在不美观或不符合显示需求的问题,则经过步骤S205提取的图片主颜色为最终输出的图片主颜色,无需再进入步骤S206。
综上所述,本发明提供的图片主颜色提取方法使用了颜色分类和颜色权重,辅助地使用了预置的模板颜色做补充,能够更准确地获取到图片的主颜色。
图4是本发明的工具栏背景颜色随着图片的主颜色而变换的装置框图,所示装置可以用来实现图1所示的方法,故重复部分不再详细描述。如图4所示,本发明的工具栏背景颜色随着图片的主颜色而变换的装置包括:
工具栏背景颜色透明化模块,用于将当前运行的应用程序的工具栏的背景颜色透明化;
图片主颜色提取模块,用于提取该应用程序的用户界面当前所显示图片的主颜色;
工具栏背景颜色变换模块,用于将提取的颜色用作工具栏的背景颜色并显示。
此外,在一个优选方案中,所述工具栏背景颜色随着图片的主颜色而变换的装置还可以包括:
工具栏按钮颜色变换模块,用于根据变换后工具栏的背景颜色来自动改变该工具栏上的按钮颜色。该功能的实现原理在上述介绍步骤4的过程中已经做了详细描述,这里不再赘述。
此外,在另一个优选方案中,所述工具栏背景颜色随着图片的主颜色而变换的装置还可以包括:
工具栏背景颜色恢复模块,用于在显示的图片完全移出操作界面并且操作界面没有图片或颜色显示时工具栏的背景颜色恢复到默认颜色。
通过本发明所述的工具栏背景颜色随着图片的主颜色而变换的装置,可以将提取的图片主颜色应用在传统为固定工具栏的背景颜色上,使得工具栏的颜色可以根据屏幕显示结果内容进行自适应的调整,从而界面搭配更加和谐美观,加强界面的整体协调性和主题相关性,避免了现有技术带来的展示界面的整体感觉显得比较生硬,分割感觉比较强的缺点,提升了界面沉浸式体验的效果,观感上更和谐。
另外,尽管上述多个实施例描述了工具栏背景颜色随着图片的主颜色而变换的装置,本领域技术人员都知道,基于该思路还可以设计出其他元素栏的背景颜色随着图片的主颜色而变换的装置,其他元素栏包括但不限于:标题栏、菜单栏、地址栏、状态栏、任务栏或浏览栏等等。
因此,本发明实施例还提供了一种元素栏背景颜色随着图片的主颜色而变换的装置,其包括:
元素栏背景颜色透明化模块,用于将当前运行的应用程序的元素栏的背景颜色透明化;
图片主颜色提取模块,用于提取该应用程序的用户界面当前所显示图片的主颜色;
元素栏背景颜色变换模块,用于将提取的颜色用作元素栏的背景颜色并显示。
优选的,还包括:元素栏按钮颜色变换模块,用于根据变换后元素栏的背景颜色来自动改变该元素栏上的按钮颜色。所述元素栏包括:标题栏、菜单栏、工具栏、地址栏、状态栏、任务栏或浏览栏。
另外,上述多个实施例的任意组合方案也适用于本实施例。
图5是本发明的一个实施例的图片主颜色提取模块的框图,该图片主颜色提取模块可以用来实现图2所示的方法,故重复部分不再详细描述。如图5所示,本发明的图片主颜色提取模块包括:
获取图片模块,用于获取当前显示的图片,所述图片包括多个显示单元;
颜色分类步模块,用于对图片所包含的每个显示单元在第一颜色空间中进行分类处理,通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目;
颜色权重计算模块,用于将每类颜色从第一颜色空间转换至第二颜色空间,获取每类颜色在第二颜色空间每一维度取值,根据显示需求与所述第二颜色空间每一维度对应的因素,确定所述第二颜色空间每一维度的权重函数,根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数,计算每类颜色的权重;
主颜色提取模块,用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,提取所述颜色分值最高的该类颜色作为图片的主颜色。
图6是本发明的另一个实施例的图片主颜色提取模块的框图,图6所示的模块可以用来实现图3所示的方法,故重复部分不再详细描述。如图6所示,优选地,本发明的图片主颜色提取模块还可以包括图片缩小模块和/或模板匹配以确定最终主颜色模块。
所述图片缩小模块用于将图片边长像素缩小至合适值。
所述模板匹配以确定最终主颜色模块用于将提取的图片主颜色与预置的模板颜色进行匹配,选取与图片主颜色最相近的模板颜色作为最终的图片主颜色。
优选地,所述颜色分类模块用于对图片所包含的显示单元通过下述公式进行下采样,将下采样得到[S1',S'2,...S'T]相同的显示单元归为同类颜色;其中
T为所述第一颜色空间维度数目,[S1,...,ST]为单个显示单元在所述第一颜色空间的取值,q1为大于0且小于p的整数,根据已知的所述第一颜色空间中每一维最大值2p-1来获得p值。
优选地,所述颜色权重计算模块用于:
将分类得到的N类颜色,从所述第一颜色空间转换至具有M维的第二颜色空间,得到每类颜色在所述第二颜色空间的取值,其中第i类颜色在所述第二颜色空间的第j维取值为Pij(i=1,...,N;j=1,...,M);
根据显示需求与所述第二颜色空间每一维度对应的因素,配置第二颜色空间每一维度的权重函数,其中第j维的权重函数为F(xj)(j=1,...,N);
根据每类颜色在所述第二颜色空间取值和权重函数计算每类颜色的权重,其中第i类颜色的权重Wi为:其中C是不为0的常数。
优选地,所述颜色权重计算模块用于配置所述权重函数,使得与显示需求中某个因素相关性越高的维度,其维度权重函数计算得到的结果值越大。
优选的,所述第一颜色空间和所述第二颜色空间不同。
优选地,所述第二颜色空间为HSV空间时,所述颜色权重计算模块用于当所述显示需求中与所述HSV空间的饱和度对应的因素为使显示颜色更鲜艳时,配置所述饱和度的权重函数为F(S)=(S/2A)2,其中
S为饱和度取值,A为正整数。
优选地,所述第二颜色空间为HSV空间时,所述颜色权重计算模块用于当所述显示需求中与所述HSV空间的明度对应的因素为避免不利于文字展示的极端颜色时,配置所述明度的权重函数为
其中
V为明度取值,根据所述HSV空间明度取值V的最大值2p2-1来获取p2的值。
优选地,所述主颜色提取模块用于将每类颜色对应的显示单元数目与权重相乘作为每类颜色的颜色分值。
更优选地,所述主颜色提取模块还用于提取所述颜色分值最高的该类颜色的中间颜色值作为图片的主颜色。
综上所述,本发明提供的图片主颜色提取装置使用了颜色分类和颜色权重,辅助地使用了预置的模板颜色做补充,能够更准确地获取到图片的主颜色。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的装置的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
本发明实施例所提供的工具栏背景颜色随着图片的主颜色而变换的方法的计算机程序产品,包括存储了程序代码的计算机可读存储介质,所述程序代码包括的指令可用于执行前面方法实施例中所述的方法,具体实现可参见方法实施例,在此不再赘述。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。
Claims (38)
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所述的装置,其特征在于,所述图片主颜色提取模块包括:
获取图片模块,用于获取当前显示的图片,所述图片包括多个显示单元;
颜色分类步模块,用于对图片所包含的每个显示单元在第一颜色空间中进行分类处理,通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目;
颜色权重计算模块,用于将每类颜色从第一颜色空间转换至第二颜色空间,获取每类颜色在第二颜色空间每一维度取值,根据显示需求与所述第二颜色空间每一维度对应的因素,确定所述第二颜色空间每一维度的权重函数,根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数,计算每类颜色的权重;
主颜色提取模块,用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,提取所述颜色分值最高的该类颜色作为图片的主颜色。
21.根据权利要求20所述的装置,其特征在于,所述颜色权重计算模块用于:
将分类得到的N类颜色,从所述第一颜色空间转换至具有M维的第二颜色空间,得到每类颜色在所述第二颜色空间的取值,其中第i类颜色在所述第二颜色空间的第j维取值为Pij(i=1,...,N;j=1,...,M);
根据显示需求与所述第二颜色空间每一维度对应的因素,配置第二颜色空间每一维度的权重函数,其中第j维的权重函数为F(xj)(j=1,...,N);
根据每类颜色在所述第二颜色空间取值和权重函数计算每类颜色的权重,其中第i类颜色的权重Wi为:其中C是不为0的常数。
22.根据权利要求20所述的装置,其特征在于,所述颜色权重计算模块用于配置所述权重函数,使得与显示需求中某个因素相关性越高的维度,其维度权重函数计算得到的结果值越大。
23.根据权利要求20所述的装置,其特征在于,所述第一颜色空间为RGB空间,所述第二颜色空间为HSV空间。
24.根据权利要求23所述的装置,其特征在于,所述颜色权重计算模块用于当所述显示需求中与所述HSV空间的饱和度对应的因素为使显示颜色更鲜艳时,配置所述饱和度的权重函数为F(S)=(S/2A)2,其中
S为饱和度取值,A为正整数。
25.根据权利要求23所述的装置,其特征在于,所述颜色权重计算模块用于当所述显示需求中与所述HSV空间的明度对应的因素为避免不利于文字展示的极端颜色时,配置所述明度的权重函数为
其中
V为明度取值,根据所述HSV空间明度取值V的最大值2p2-1来获取p2的值。
26.根据权利要求20所述的装置,其特征在于,所述颜色分类模块用于对图片所包含的显示单元通过下述公式
进行下采样,将下采样得到[S′1,S'2,...S'T]相同的显示单元归为同类颜色;其中:
T为所述第一颜色空间维度数目,[S1,...,ST]为单个显示单元在所述第一颜色空间的取值,q1为大于0且小于p的整数,根据已知的所述第一颜色空间中每一维最大值2p-1来获得p值。
27.根据权利要求20所述的装置,其特征在于,所述主颜色提取模块用于将每类颜色对应的显示单元数目与权重相乘作为每类颜色的颜色分值。
28.根据权利要求27所述的装置,其特征在于,所述主颜色提取模块用于提取所述颜色分值最高的该类颜色的中间颜色值作为图片的主颜色。
29.根据权利要求20所述的装置,其特征在于,还包括:图片缩小模块,用于将图片边长像素缩小至合适值。
30.根据权利要求20所述的装置,其特征在于,还包括:板匹配以确定最终主颜色模块,用于将提取的图片主颜色与预置的模板颜色进行匹配,选取与图片主颜色最相近的模板颜色作为最终的图片主颜色。
31.一种元素栏背景颜色随着图片的主颜色而变换的方法,其包括:
将当前运行的应用程序的元素栏的背景颜色透明化;
提取该应用程序的用户界面当前所显示图片的主颜色;
将提取的颜色用作元素栏的背景颜色并显示。
32.根据权利要求31所述的方法,其特征在于,还包括:根据变换后元素栏的背景颜色来自动改变该元素栏上的按钮颜色。
33.根据权利要求31所述的方法,其特征在于,所述提取当前显示图片的主颜色的步骤包括:
获取图片步骤,用于获取当前显示的图片,所述图片包括多个显示单元;
颜色分类步骤,用于对图片所包含的每个显示单元在第一颜色空间中进行分类处理,通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目;
颜色权重计算步骤,用于将每类颜色从第一颜色空间转换至第二颜色空间,获取每类颜色在第二颜色空间每一维度取值,根据显示需求与所述第二颜色空间每一维度对应的因素,确定所述第二颜色空间每一维度的权重函数,根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数,计算每类颜色的权重;
主颜色提取步骤,用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,提取所述颜色分值最高的该类颜色作为图片的主颜色。
34.根据权利要求31所述的方法,其特征在于,所述元素栏包括:标题栏、菜单栏、地址栏、状态栏、任务栏或浏览栏。
35.一种元素栏背景颜色随着图片的主颜色而变换的装置,其包括:
元素栏背景颜色透明化模块,用于将当前运行的应用程序的元素栏的背景颜色透明化;
图片主颜色提取模块,用于提取该应用程序的用户界面当前所显示图片的主颜色;
元素栏背景颜色变换模块,用于将提取的颜色用作元素栏的背景颜色并显示。
36.根据权利要求35所述的装置,其特征在于,还包括:元素栏按钮颜色变换模块,用于根据变换后元素栏的背景颜色来自动改变该元素栏上的按钮颜色。
37.根据权利要求35所述的装置,其特征在于,所述图片主颜色提取模块包括:
获取图片模块,用于获取当前显示的图片,所述图片包括多个显示单元;
颜色分类步模块,用于对图片所包含的每个显示单元在第一颜色空间中进行分类处理,通过将颜色特性相同的所述显示单元归入同一类颜色从而得到若干颜色类别,并计算每类颜色对应的显示单元数目;
颜色权重计算模块,用于将每类颜色从第一颜色空间转换至第二颜色空间,获取每类颜色在第二颜色空间每一维度取值,根据显示需求与所述第二颜色空间每一维度对应的因素,确定所述第二颜色空间每一维度的权重函数,根据每类颜色在所述第二颜色空间每一维度的取值与所述每一维度的权重函数,计算每类颜色的权重;
主颜色提取模块,用于根据每类颜色对应的显示单元数目以及该类颜色的权重计算颜色分值,提取所述颜色分值最高的该类颜色作为图片的主颜色。
38.根据权利要求35所述的装置,其特征在于,所述元素栏包括:标题栏、菜单栏、地址栏、状态栏、任务栏或浏览栏。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610562451.3A CN106201535B (zh) | 2016-07-14 | 2016-07-14 | 工具栏背景颜色随着图片的主颜色而变换的方法和装置 |
US15/645,789 US10304408B2 (en) | 2016-07-14 | 2017-07-10 | Method and apparatus for changing background color of toolbar with dominant color of picture |
RU2017124659A RU2693303C2 (ru) | 2016-07-14 | 2017-07-12 | Способ и устройство для изменения цвета фона панели инструментов согласно доминирующему цвету изображения |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610562451.3A CN106201535B (zh) | 2016-07-14 | 2016-07-14 | 工具栏背景颜色随着图片的主颜色而变换的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106201535A true CN106201535A (zh) | 2016-12-07 |
CN106201535B CN106201535B (zh) | 2019-08-23 |
Family
ID=57476107
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610562451.3A Active CN106201535B (zh) | 2016-07-14 | 2016-07-14 | 工具栏背景颜色随着图片的主颜色而变换的方法和装置 |
Country Status (3)
Country | Link |
---|---|
US (1) | US10304408B2 (zh) |
CN (1) | CN106201535B (zh) |
RU (1) | RU2693303C2 (zh) |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107315588A (zh) * | 2017-06-26 | 2017-11-03 | 深圳传音通讯有限公司 | Tab页样式应用界面的背景显示方法和装置 |
CN107315515A (zh) * | 2017-06-20 | 2017-11-03 | 努比亚技术有限公司 | 状态栏图标的颜色更改方法、终端及计算机可读存储介质 |
CN107391113A (zh) * | 2017-06-26 | 2017-11-24 | 深圳传音通讯有限公司 | 电子终端的显示处理方法与电子终端 |
CN107908383A (zh) * | 2017-11-14 | 2018-04-13 | 维沃移动通信有限公司 | 一种屏幕颜色调整方法、装置及移动终端 |
CN107977999A (zh) * | 2017-12-04 | 2018-05-01 | 北京百度网讯科技有限公司 | 智能取色方法和装置 |
CN108037956A (zh) * | 2017-12-27 | 2018-05-15 | 南昌黑鲨科技有限公司 | 一种显示界面显示方法、显示装置及计算机可读存储介质 |
CN108287744A (zh) * | 2018-02-09 | 2018-07-17 | 腾讯科技(深圳)有限公司 | 文字显示方法、装置及存储介质 |
CN108399217A (zh) * | 2018-02-07 | 2018-08-14 | 广州阿里巴巴文学信息技术有限公司 | 视图显示处理方法、装置及移动终端设备 |
CN109934985A (zh) * | 2019-01-25 | 2019-06-25 | 深圳市象形字科技股份有限公司 | 一种基于弹幕技术的排队叫号系统显示方法 |
CN110210532A (zh) * | 2019-05-15 | 2019-09-06 | 北京字节跳动网络技术有限公司 | 背景色生成方法、装置及电子设备 |
CN110347456A (zh) * | 2019-05-28 | 2019-10-18 | 北京奇艺世纪科技有限公司 | 图像数据处理方法、装置、计算机设备和存储介质 |
CN110377860A (zh) * | 2019-07-18 | 2019-10-25 | 百度(中国)有限公司 | 一种页面颜色调整方法、装置及电子设备 |
CN110413360A (zh) * | 2019-07-17 | 2019-11-05 | Oppo广东移动通信有限公司 | 图片显示方法、装置、移动终端及存储介质 |
CN110673904A (zh) * | 2018-07-03 | 2020-01-10 | 阿里巴巴集团控股有限公司 | 主题色彩处理、展示页面生成的方法、装置及设备 |
WO2020087968A1 (zh) * | 2018-10-31 | 2020-05-07 | 中国银联股份有限公司 | 一种图片显示方法、图片处理方法及其系统 |
CN113362400A (zh) * | 2021-06-30 | 2021-09-07 | 平安普惠企业管理有限公司 | 用户界面配色检测方法、装置、设备及存储介质 |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20180046609A (ko) * | 2016-10-28 | 2018-05-09 | 삼성전자주식회사 | 홀 영역을 가지는 전자 장치 및 전자 장치의 홀 영역 제어방법 |
US11615513B2 (en) | 2018-03-28 | 2023-03-28 | Huawei Technologies Co., Ltd. | Control display method and electronic device |
CN109448073B (zh) * | 2018-10-15 | 2023-05-16 | 北京搜狐新媒体信息技术有限公司 | 一种图片提取双色渐变的方法及系统 |
WO2020216808A1 (en) * | 2019-04-23 | 2020-10-29 | L'oréal Sa | Machine image colour extraction and machine image construction using an extracted colour |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102508613A (zh) * | 2011-11-21 | 2012-06-20 | 北京播思软件技术有限公司 | 一种移动终端浏览器复用屏幕空间的方法及装置 |
US20120200586A1 (en) * | 2011-02-08 | 2012-08-09 | Lima Jose De Souza | System and method for providing application-based user interface features on a computing device |
CN103164519A (zh) * | 2013-03-08 | 2013-06-19 | 优视科技有限公司 | 调整工具栏色调的方法及装置 |
CN103268199A (zh) * | 2013-06-03 | 2013-08-28 | 贝壳网际(北京)安全技术有限公司 | 一种交互方法、装置及移动设备 |
CN104391691A (zh) * | 2014-11-07 | 2015-03-04 | 久邦计算机技术(广州)有限公司 | 一种图标文字处理方法 |
CN104731453A (zh) * | 2015-03-31 | 2015-06-24 | 努比亚技术有限公司 | 终端图标文字颜色的调整方法及装置 |
CN104850395A (zh) * | 2015-04-17 | 2015-08-19 | 魅族科技(中国)有限公司 | 界面显示方法和系统 |
Family Cites Families (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2006003600A1 (en) | 2004-06-30 | 2006-01-12 | Koninklijke Philips Electronics, N.V. | Dominant color extraction using perceptual rules to produce ambient light derived from video content |
US7646392B2 (en) | 2006-05-03 | 2010-01-12 | Research In Motion Limited | Dynamic theme color palette generation |
US9607408B2 (en) * | 2007-06-08 | 2017-03-28 | Apple Inc. | Rendering semi-transparent user interface elements |
US8897552B2 (en) | 2012-08-01 | 2014-11-25 | Microsoft Corporation | Setting an operating-system color using a photograph |
US9397844B2 (en) | 2012-09-11 | 2016-07-19 | Apple Inc. | Automated graphical user-interface layout |
US9558713B2 (en) * | 2013-12-18 | 2017-01-31 | Google Inc. | Dynamic transparency adjustment of user interface element |
CN104268904A (zh) | 2014-09-10 | 2015-01-07 | 珠海市君天电子科技有限公司 | 提取图片主颜色的方法及装置 |
US9858686B2 (en) * | 2016-02-10 | 2018-01-02 | Google Llc | Dynamic color determination for user interface components of a video player |
-
2016
- 2016-07-14 CN CN201610562451.3A patent/CN106201535B/zh active Active
-
2017
- 2017-07-10 US US15/645,789 patent/US10304408B2/en active Active
- 2017-07-12 RU RU2017124659A patent/RU2693303C2/ru active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120200586A1 (en) * | 2011-02-08 | 2012-08-09 | Lima Jose De Souza | System and method for providing application-based user interface features on a computing device |
CN102508613A (zh) * | 2011-11-21 | 2012-06-20 | 北京播思软件技术有限公司 | 一种移动终端浏览器复用屏幕空间的方法及装置 |
CN103164519A (zh) * | 2013-03-08 | 2013-06-19 | 优视科技有限公司 | 调整工具栏色调的方法及装置 |
CN103268199A (zh) * | 2013-06-03 | 2013-08-28 | 贝壳网际(北京)安全技术有限公司 | 一种交互方法、装置及移动设备 |
CN104391691A (zh) * | 2014-11-07 | 2015-03-04 | 久邦计算机技术(广州)有限公司 | 一种图标文字处理方法 |
CN104731453A (zh) * | 2015-03-31 | 2015-06-24 | 努比亚技术有限公司 | 终端图标文字颜色的调整方法及装置 |
CN104850395A (zh) * | 2015-04-17 | 2015-08-19 | 魅族科技(中国)有限公司 | 界面显示方法和系统 |
Non-Patent Citations (2)
Title |
---|
北京课工场教育科技有限公司: "《移动端UI设计及规范 分分钟搞定APP UI设计》", 30 April 2016 * |
张德发,刘加海: "《电子产品设计概论》", 30 June 2015 * |
Cited By (22)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107315515A (zh) * | 2017-06-20 | 2017-11-03 | 努比亚技术有限公司 | 状态栏图标的颜色更改方法、终端及计算机可读存储介质 |
CN107315588B (zh) * | 2017-06-26 | 2020-07-14 | 深圳传音通讯有限公司 | Tab页样式应用界面的背景显示方法和装置 |
CN107391113A (zh) * | 2017-06-26 | 2017-11-24 | 深圳传音通讯有限公司 | 电子终端的显示处理方法与电子终端 |
CN107315588A (zh) * | 2017-06-26 | 2017-11-03 | 深圳传音通讯有限公司 | Tab页样式应用界面的背景显示方法和装置 |
CN107391113B (zh) * | 2017-06-26 | 2020-09-08 | 深圳传音通讯有限公司 | 电子终端的显示处理方法与电子终端 |
CN107908383A (zh) * | 2017-11-14 | 2018-04-13 | 维沃移动通信有限公司 | 一种屏幕颜色调整方法、装置及移动终端 |
CN107977999A (zh) * | 2017-12-04 | 2018-05-01 | 北京百度网讯科技有限公司 | 智能取色方法和装置 |
CN108037956A (zh) * | 2017-12-27 | 2018-05-15 | 南昌黑鲨科技有限公司 | 一种显示界面显示方法、显示装置及计算机可读存储介质 |
CN108399217A (zh) * | 2018-02-07 | 2018-08-14 | 广州阿里巴巴文学信息技术有限公司 | 视图显示处理方法、装置及移动终端设备 |
CN108399217B (zh) * | 2018-02-07 | 2020-11-06 | 阿里巴巴(中国)有限公司 | 视图显示处理方法、装置及移动终端设备 |
CN108287744B (zh) * | 2018-02-09 | 2022-04-05 | 腾讯科技(深圳)有限公司 | 文字显示方法、装置及存储介质 |
CN108287744A (zh) * | 2018-02-09 | 2018-07-17 | 腾讯科技(深圳)有限公司 | 文字显示方法、装置及存储介质 |
CN110673904B (zh) * | 2018-07-03 | 2023-08-25 | 淘宝(中国)软件有限公司 | 主题色彩处理、展示页面生成的方法、装置及设备 |
CN110673904A (zh) * | 2018-07-03 | 2020-01-10 | 阿里巴巴集团控股有限公司 | 主题色彩处理、展示页面生成的方法、装置及设备 |
WO2020087968A1 (zh) * | 2018-10-31 | 2020-05-07 | 中国银联股份有限公司 | 一种图片显示方法、图片处理方法及其系统 |
TWI747006B (zh) * | 2018-10-31 | 2021-11-21 | 大陸商中國銀聯股份有限公司 | 圖片顯示方法、圖片處理方法及其系統 |
CN109934985A (zh) * | 2019-01-25 | 2019-06-25 | 深圳市象形字科技股份有限公司 | 一种基于弹幕技术的排队叫号系统显示方法 |
CN110210532A (zh) * | 2019-05-15 | 2019-09-06 | 北京字节跳动网络技术有限公司 | 背景色生成方法、装置及电子设备 |
CN110347456A (zh) * | 2019-05-28 | 2019-10-18 | 北京奇艺世纪科技有限公司 | 图像数据处理方法、装置、计算机设备和存储介质 |
CN110413360A (zh) * | 2019-07-17 | 2019-11-05 | Oppo广东移动通信有限公司 | 图片显示方法、装置、移动终端及存储介质 |
CN110377860A (zh) * | 2019-07-18 | 2019-10-25 | 百度(中国)有限公司 | 一种页面颜色调整方法、装置及电子设备 |
CN113362400A (zh) * | 2021-06-30 | 2021-09-07 | 平安普惠企业管理有限公司 | 用户界面配色检测方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
RU2017124659A3 (zh) | 2019-01-15 |
CN106201535B (zh) | 2019-08-23 |
US10304408B2 (en) | 2019-05-28 |
US20180018937A1 (en) | 2018-01-18 |
RU2017124659A (ru) | 2019-01-15 |
RU2693303C2 (ru) | 2019-07-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106201535A (zh) | 工具栏背景颜色随着图片的主颜色而变换的方法和装置 | |
CN105761283B (zh) | 一种图片主色提取方法及装置 | |
KR102102161B1 (ko) | 이미지 내 객체의 대표 특성을 추출하는 방법, 장치 및 컴퓨터 프로그램 | |
CN103247036B (zh) | 多曝光图像融合方法和装置 | |
Li et al. | A hybrid method combining pixel-based and object-oriented methods and its application in Hungary using Chinese HJ-1 satellite images | |
CN105354248A (zh) | 基于灰度的分布式图像底层特征识别方法及系统 | |
CN108986058A (zh) | 明度一致性学习的图像融合方法 | |
CN103718172A (zh) | 图像处理装置、程序、图像处理方法及摄像装置 | |
CN107291802B (zh) | 关系图谱展示方法及装置 | |
CN106874924A (zh) | 一种图片风格识别方法及装置 | |
CN110503076A (zh) | 基于人工智能的视频分类方法、装置、设备和介质 | |
CN110351597A (zh) | 一种视频剪辑的方法、装置及电子设备 | |
CN109086768A (zh) | 卷积神经网络的语义图像分割方法 | |
Christophe et al. | Expressive map design based on Pop Art: Revisit of Semiology of Graphics? | |
CN111062260B (zh) | 一种面部整容推荐方案自动生成方法 | |
CN109063542A (zh) | 图片识别方法、装置、计算机设备及存储介质 | |
CN109636764A (zh) | 一种基于深度学习与显著性检测的图像风格转移方法 | |
CN103678593B (zh) | 一种基于空间场景草图描述的交互式空间场景检索方法 | |
CN109978074A (zh) | 基于深度多任务学习的图像美感和情感联合分类方法及系统 | |
Peng et al. | Contour-enhanced CycleGAN framework for style transfer from scenery photos to Chinese landscape paintings | |
CN110390254A (zh) | 基于人脸的性格分析方法、装置、计算机设备及存储介质 | |
KR101363374B1 (ko) | 개체별다중구성요소분석을 이용한 내용기반 다차원이미지검색시스템 | |
CN105338335B (zh) | 一种立体图像显著图提取方法 | |
Ma et al. | Developing an urban streetscape indexing based on visual complexity and self-organizing map | |
CN108961317A (zh) | 一种视频深度分析的方法与系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20200602 Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Patentee after: Alibaba (China) Co.,Ltd. Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping square B radio tower 12 layer self unit 01 Patentee before: GUANGZHOU SHENMA MOBILE INFORMATION TECHNOLOGY Co.,Ltd. |
|
TR01 | Transfer of patent right |