CN102768625A - Windows用户界面的换肤方法和装置 - Google Patents
Windows用户界面的换肤方法和装置 Download PDFInfo
- Publication number
- CN102768625A CN102768625A CN2011101165614A CN201110116561A CN102768625A CN 102768625 A CN102768625 A CN 102768625A CN 2011101165614 A CN2011101165614 A CN 2011101165614A CN 201110116561 A CN201110116561 A CN 201110116561A CN 102768625 A CN102768625 A CN 102768625A
- Authority
- CN
- China
- Prior art keywords
- data
- user interface
- skin
- image
- color
- 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 36
- 238000012545 processing Methods 0.000 claims abstract description 21
- 230000000694 effects Effects 0.000 claims description 41
- 230000008859 change Effects 0.000 claims description 20
- 238000009877 rendering Methods 0.000 claims description 4
- 238000007619 statistical method Methods 0.000 claims description 2
- 239000003086 colorant Substances 0.000 description 8
- 230000000007 visual effect Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000003068 static effect Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
Images
Landscapes
- Processing Or Creating Images (AREA)
- Image Processing (AREA)
Abstract
本发明公开了一种Windows用户界面的换肤方法和装置,涉及计算机图像处理技术领域,提供了一种新型的用户界面换肤方案,能够使换肤后的用户界面的画面细致,细节表现清晰,色彩自然,提高了用户体验。本发明实施例提供的一种Windows用户界面的换肤方法包括:分析所需绘制的Windows用户界面的皮肤图像中的数据类型;利用所述数据类型将所述皮肤图像分为至少两层的分层图像;根据接收到的来自用户的换肤命令消息,依次绘制所述分层图像,实现对所述用户界面的换肤。
Description
技术领域
本发明涉及计算机图像处理技术领域,尤其是涉及Windows用户界面的换肤方法和装置。
背景技术
计算机用户界面是计算机系统的重要组成部分,它直接关系到整个计算机系统的可使用性和效率。随着技术的飞速发展,各种操作系统、软件竞相推陈出新,功能日渐完善,计算机用户界面也从最初的黑屏白字的DOS界面,变化为目前色彩斑斓的Window界面。
现有技术中为了实现用户界面的换肤,通常预先在系统中设置若干种候选皮肤图案,当用户选取某一种图案时,将该图案对应的皮肤图像直接绘制到用户界面上。
然而,现有技术也存在一些不足之处,例如,现有的换肤方法,由于直接将一张皮肤图像绘制在用户界面上,使换肤后的用户界面比较粗糙,且色彩呆板、不自然,视觉效果上给用户一种“不真实”的感觉,降低了用户体验。
发明内容
本发明实施例提供了一种Windows用户界面的换肤方法和装置,能够使换肤后的用户界面的画面细致,细节表现清晰,色彩自然,提高了用户体验。
为达到上述目的,本发明实施例的技术方案是这样实现的:
本发明实施例提供了一种Windows用户界面的换肤方法,包括:
分析所需绘制的Windows用户界面的皮肤图像中的数据类型;
利用所述数据类型将所述皮肤图像分为至少两层的分层图像;
根据接收到的来自用户的换肤命令消息,依次绘制所述分层图像,实现对所述用户界面的换肤。
一种Windows用户界面的换肤装置,所述装置包括:
数据类型分析单元,用于分析所需绘制的Windows用户界面的皮肤图像中的数据类型,所述数据类型包括背景颜色数据、图案数据、渐变效果数据和控件数据,或者,所述数据类型包括背景颜色数据、渐变效果数据和控件数据,
皮肤图像分层单元,用于利用所述数据类型将所述皮肤图像分为至少两层的分层图像;
换肤单元,用于根据接收到的来自用户的换肤命令消息,依次绘制所述分层图像,实现对所述用户界面的换肤;
其中,当所述数据类型分析单元得到的数据类型包括背景颜色数据、图案数据、渐变效果数据和控件数据时,所述皮肤图像分层单元,具体用于利用所述数据类型将所述皮肤图像分为如下四层的分层图像:包含背景颜色数据的底层分层图像;包含图案数据的中间层分层图像;包含渐变效果数据的次层分层图像;包含控件数据的顶层分层图像;或者,
当所述数据类型分析单元得到的数据类型包括背景颜色数据、渐变效果数据和控件数据时,所述皮肤图像分层单元,具体用于利用所述数据类型将所述皮肤图像分为如下三层的分层图像:包含背景颜色数据的底层分层图像;包含渐变效果数据的次层分层图像;包含控件数据的顶层分层图像。
由上述可见,本发明实施例提供的技术方案,对用户界面皮肤图像中包含的数据进行了深入地分析,将不同类型的数据划分在不同的分层图像中,通过分层绘制图像实现对用户界面的换肤,解决了现有技术中由于直接将一张皮肤图像绘制在用户界面上所带来的问题。本发明实施例提供了一种新型的用户界面换肤方案,利用本技术方案换肤后的用户界面画面细致,细节表现清晰,色彩自然,提高了用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例一提供的一种Windows用户界面的换肤方法流程示意图;
图2为本发明实施例二提供的用户界面的换色方法流程示意图;
图3为本发明实施例二提供的一种接收用户换肤命令消息的界面示意图;
图4为本发明实施例二提供的一种绘制次层分层图像的原理示意图;
图5为本发明实施例二提供的一种用户界面的换肤方法流程示意图;
图6为本发明实施例三提供的一种Windows用户界面的换肤装置结构示意图。
具体实施方式
下面将结合本发明的附图,对本发明的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例一提供的一种Windows用户界面的换肤方法,参见图1,所述方法包括:
11:分析所需绘制的Windows用户界面的皮肤图像中的数据类型;
12:利用所述数据类型将所述皮肤图像分为至少两层的分层图像;
13:根据接收到的来自用户的换肤命令消息,依次绘制所述分层图像,实现对所述用户界面的换肤。
上述皮肤图像中的数据包含了换肤后用户界面所呈现出的图像中的所有数据,即该皮肤图像的数据包括了在实现换肤的过程中,后台软件所需绘制的所有数据,例如,颜色数据、图案数据和控件数据等。
上述Windows用户界面包括但不局限于即时通信工具中所使用的用户界面,上述的换肤操作可以对用户界面上图案的更换,或者,为用户界面上颜色的更换,即上述用户界面的皮肤可以为包含图案和色彩的皮肤,也可以为仅包含色彩的皮肤。
由上述可见,本发明实施例提供的技术方案,对用户界面皮肤图像中包含的数据进行了深入地分析,将不同类型的数据划分在不同的分层图像中,通过分层绘制图像实现对用户界面的换肤,解决了现有技术中由于直接将一张皮肤图像绘制在用户界面上所带来的问题。本发明实施例提供了一种新型的用户界面换肤方案,利用本技术方案换肤后的用户界面画面细致,细节表现清晰,色彩自然,提高了用户体验。
下面对本发明实施例二提供的Windows用户界面的换肤方法进行介绍。具体包括如下处理:
11:分析所需绘制的Windows用户界面的皮肤图像中的数据类型。
上述皮肤图像中的数据包含了换肤后用户界面所呈现出的图像中的所有数据,即该皮肤图像的数据包括了在实现换肤的过程中,后台软件所需绘制的所有数据,例如,颜色数据、图案数据和控件数据等。皮肤图像的内容不同时,该皮肤图像中所包括的数据类型也不同,对皮肤图像的具体内容进行分析,得到该皮肤图像所包括的数据类型。
例如,当皮肤图像为包含图案的图像时,上述数据类型可以包括背景颜色数据、图案数据、渐变效果数据和控件数据;或者,当皮肤图像为仅包含色彩的图像时,上述数据类型可以包括背景颜色数据、渐变效果数据和控件数据。
上述背景颜色数据为指示整个皮肤图像背景颜色的数据。
上述图案数据为皮肤图像所包含的图案的数据。
上述渐变效果数据为实现皮肤图像的渐变时所需的数据,例如,皮肤图像渐变放大时所需的数据或者皮肤图像渐变缩小时所需的数据。
上述控件数据为皮肤图像上各个控件(如文字、图标)的数据。
12:利用所述数据类型将所述皮肤图像分为至少两层的分层图像。
本发明实施例将不同类型的数据划分在不同的分层图像中,分图层、分数据类型地进行皮肤图像的绘制,提高了图像绘制的精度,从而能够使换肤后得到的皮肤图像更加细致、色彩更加自然。
当所述数据类型包括背景颜色数据、图案数据、渐变效果数据和控件数据时,所述利用所述数据类型将所述皮肤图像分为至少两层的分层图像包括:
利用所述数据类型将所述皮肤图像分为如下四层的分层图像:
包含背景颜色数据的底层分层图像;
包含图案数据的中间层分层图像;
包含渐变效果数据的次层分层图像;
包含控件数据的顶层分层图像;
当所述数据类型包括背景颜色数据、渐变效果数据和控件数据时,所述利用所述数据类型将所述皮肤图像分为至少两层的分层图像包括:
利用所述数据类型将所述皮肤图像分为如下三层的分层图像:
包含背景颜色数据的底层分层图像;
包含渐变效果数据的次层分层图像;
包含控件数据的顶层分层图像。
13:根据接收到的来自用户的换肤命令消息,依次绘制所述分层图像,实现对所述用户界面的换肤。
常见的所采用的皮肤一种为包含图案的皮肤,一种为仅包含色彩的皮肤。下面分别以这两种不同的皮肤为例,分两种情况对步骤13进行描述。
第一种情况、仅包含色彩的皮肤
这种情况下,对用户界面的一次换肤操作也可以视为对用户界面的一次换色操作。参见图2,具体包括如下步骤:
21:选取HSL颜色分量,该HSL颜色分量包括色相(Hue,H)分量,饱和度(Saturation,S)分量和亮度(Lightness,L)分量。
根据接收到的来自用户的换肤命令消息选取HSL颜色分量,所述换肤命令消息指示用户界面的背景颜色,所述换肤命令消息包括用户所选取的色相H、饱和度S和亮度L。
现有的方案中通常是在系统中预先设置若干种色彩,然后由用户在这几种色彩中选择一种所期望的色彩,用户可选择的色彩范围比较有限,换色操作不够灵活。本发明实施例的方案,通过色相、饱和度和亮度分量的选取,允许用户通过发送换肤命令消息自定义所期望的色彩,并且由于通过色相、饱和度和亮度不同组合可以包括人眼所能感知的所有色彩,从而大大提高了换色操作的灵活性。
进一步的,目前计算机系统中的颜色空间为RGB颜色空间,然而人眼较为敏感的是HSL颜色空间,现有的换肤方案中,通常向用户直接显示由RGB颜色空间所形成的色彩,接受用户选取的RGB颜色分量,以实现换色操作。这种处理方式,由于人眼对RGB颜色分量不够敏感,则导致所选取的色彩与所期望得到的色彩差别较大。而本方案向用户显示由HSL颜色空间形成的色彩,保证了用户所选取的色彩与所期望得到的色彩的一致性。
参见图3,显示了一种接收用户换肤命令消息的界面示意图。该界面可以同时具有接收多种类型消息的功能,通过相应按钮在不同功能之间切换。例如,当用户选取按钮31,即系统接收到按钮31发送的命令时,该界面接收到的是上述换肤命令消息。根据图3中图标32(图中圆点所示)所在的位置得到色相和亮度分量,如水平的X方向表示亮度分量,垂直的Y方向表示色相分量,通过图标32位置的变化得到不同色相和亮度分量。并且,当用户在滑动条上左右滑动图标33的发送指令,系统根据该指令得到饱和度分量。由上所述,通过对上述的图标32和图标33的控制得到所需的色相、亮度和饱和度分量。
由上所述,本方案可以保证用户自定义所需的色彩,可以理解,也可以进一步的预先设置若干种已组合好的HSL分量,供用户直接选取,方便用户的操作。
22:计算RGB颜色分量。
由于目前计算机系统中的颜色空间为RGB颜色空间,RGB的取值范围在0~255之间,HSL的取值在0~1之间。为了保证与现有的资源兼容,需要将所选取的HSL颜色分量转换为RGB颜色分量。下面给出了一种将HSL颜色分量转换为RGB颜色分量的代码示例:
通过上述将所述色相、饱和度和亮度三个分量转换为RGB值,得到用户界面的背景颜色数据。
23:绘制背景颜色。
在本步骤中绘制包含背景颜色数据的底层分层图像。即将背景颜色数据所指示的背景颜色绘制到了用户界面的窗口上。
24:绘制渐变效果图像。
在本步骤中绘制包含渐变效果数据的次层分层图像,上述渐变效果可以为渐变放大、渐变缩小或者其他的动画效果。该次层分层图像可以由多张子图像组成。下面以用户界面的形状为四边形时,绘制次层分层图像方法的一个示例进行说明:
参见图4,将用户界面通过水平和垂直方向的划分得到9个区域,所述区域从用户界面的顶部起按照从左至右的顺序分别为第一区域、第二区域、第三区域、第四区域、第五区域、第六区域、第七区域、第八区域和第九区域;
分别为第二区域、第四区域、第六区域和第八区域的原始图像绘制缩小图像和放大图像;
由所述第一区域至第九区域的原始图像,以及所述第二区域、第四区域、第六区域和第八区域的缩小图像和放大图像构成所述次层分层图像。
上述的原始图像指当皮肤图像不具有动画效果(如放大、缩小或其他变形)时所显示的基本图像,上述的缩小图像或放大图像的尺寸和数量可以根据所需达到的渐变效果进行调整。
本发明实施例主要以对用户界面实现渐变放大和渐变缩小的情况为例进行了说明,所以上述仅描述了绘制相应原始图像的缩小图像和放大图像的情况。并且,在实现渐变时,对用户界面上不同的区域进行不同的处理,达到的渐变效果为:用户界面边缘及中心部分所对应的第一区域、第三区域、第七区域、第九区域和第五区域保持不变,对第二区域、第四区域、第六区域和第八区域的图像渐变放大或渐变缩小。
由上可知,本发明实施例通过上述的次层分层图像,能够将用户界面边缘部分的标题栏、外框等与用户界面上的其他部分进行明显的区分,丰富了用户界面的内容,提高了用户体验。
对于其他形状(如六边形、三角形等)的用户界面可以采用与上述相似的方法进行次层分层图像的绘制,只需适应性地更改所划分的各个区域,以及根据需要绘制各区域的缩小或放大图像即可。
25:绘制控件。
在本步骤中绘制包含控件数据的顶层分层图像,上述控件数据可以为用户界面上的文字或图标等。
由上所述本发明实施例提供的换色方案中,按照底层分层图像、次层分层图像和顶层分层图像依次分别绘制图像,即先绘制底层分层图像,然后在底层分层图像上绘制次层分层图像得到一个组合图像,再在该组合图像上绘制顶层分层图像,从而得到换肤后的皮肤图像。
第二种情况、包含图案的皮肤
这种情况下,对用户界面的一次换肤操作能够同时对用户界面的色彩和图案进行更换。参见图5,具体包括如下步骤:
51:选取主题图案。
根据来自用户的换肤命令消息得到所选取的主题图案,该换肤命令消息指示用户界面的主题图案。可以利用如图3所示的多功能界面,接收用户发送的指示主题图案的换肤命令消息。
52:提取皮肤图像的背景颜色。
计算与用户所选取的主题图案的数据相匹配的颜色数据,将该颜色数据作为用户界面的背景颜色数据。主题图案自身具有一定的色彩,但其具有的色彩通常并不是单一的,计算并提取与所选取的主题图案相匹配色彩作为背景颜色,以保证换肤后整个皮肤图像色彩一致、自然,达到较好的视觉效果。例如,计算主题图案中所有色彩RGB分量的平均值,将该平均值作为得到的相匹配的颜色数据。
53:绘制背景颜色。
在本步骤中绘制包含背景颜色数据的底层分层图像。即将背景颜色数据所指示的背景颜色绘制到了用户界面的窗口上。
54:绘制主题图案。
在本步骤中绘制包含图案数据的中间层分层图像。
55:绘制渐变效果图像。
在本步骤中绘制包含渐变效果数据的次层分层图像,具体的操作参见上述步骤24。
56:绘制控件。
在本步骤中绘制包含控件数据的顶层分层图像,上述控件数据可以为用户界面上的文字或图标等。
由上所述本发明实施例提供的换肤方案中,按照底层分层图像、中间层分层图像、次层分层图像和顶层分层图像依次分别绘制图像,即先绘制底层分层图像,然后在底层分层图像上绘制中间层分层图像,得到第一个组合图像;再在该第一个组合图像上绘制次层分层图像,得到第二个组合图像;最后在该第二个组合图像上绘制顶层分层图像,从而得到换肤后的皮肤图像。
现有的方案在进行换肤后可能会出现皮肤上文字的颜色与皮肤背景颜色十分相近的问题,降低了界面的清晰度,影响了视觉效果。为了解决这种问题,本发明实施例在上述的步骤25和56中,在绘制包括控件数据的分层图像时还包括如下操作:
根据控件数据判断控件的颜色与用户界面的背景颜色相接近时,对控件的颜色进行反色处理。例如,当控件的RGB分量与背景颜色的RGB分量的差值小于一定阈值时,判断控件的颜色与背景颜色相接近,则进行反色处理,计算控件的当前颜色与黑色和白色的差别程度,若控件的当前颜色与黑色差别较小,该控件就采用白色,反之,该控件就用黑色。
具体地,通过如下方式对控件的颜色进行反色处理:
计算控件的颜色与黑色的第一差别值,以及,计算控件的颜色与白色的第二差别值;
当第一差别值大于第二差别值时,将控件的颜色更改为黑色;
当第一差别值小于第二差别值时,将控件的颜色更改为白色。
通过上述的反色处理,能够明显地将用户界面上的文字和背景进行区分,提高了用户界面整体的清晰度。
进一步的,本发明实施例在上述的步骤25和56中,在绘制包括控件数据的分层图像时还可以包括如下操作:
当控件数据中包括文字数据,根据所述文字数据,采用模糊算法对用户界面上文字的边缘部分进行模糊处理。
通过上述边缘部分的模糊处理,使文字与界面背景的结合更加自然,并且对文字本身的显示效果也进行了改善,具有了一种静态的视觉效果,如文字淡淡发光的视觉效果,从而丰富了用户界面的内容,使换肤后的用户界面的更加美观。
上述的模糊化处理也可以应用在图标、按钮等控件的绘制过程中。
进一步的,在一些场景下,皮肤图像不能覆盖整个用户界面,则用户界面上被皮肤图像覆盖的区域与未被皮肤图像覆盖的区域之间在图案或色彩上会有较大的差别,从而导致整个用户界面显示的效果不一致、不协调。为了解决这种问题,本方案还包括:
对用户界面皮肤图像的颜色进行直方图统计分析,得到相应于所述皮肤图像的匹配颜色;在用户界面上所述皮肤图像未覆盖的区域绘制所述匹配颜色。例如,计算皮肤图像中所有色彩RGB分量的平均值,将该平均值作为得到的匹配颜色,并将该匹配颜色绘制在用户界面上皮肤图像未覆盖的区域中。
上述Windows用户界面包括但不局限于即时通信工具中所使用的用户界面。本发明实施例提供的技术方案,对用户界面皮肤图像中包含的数据进行了深入地分析,将不同类型的数据划分在不同的分层图像中,通过分层绘制图像实现对用户界面的换肤,解决了现有技术中由于直接将一张皮肤图像绘制在用户界面上所带来的问题。本发明实施例提供了一种新型的用户界面换肤方案,利用本技术方案换肤后的用户界面画面细致,细节表现清晰,色彩自然,提高了用户体验。
为了便于清楚描述本发明实施例的技术方案,在发明的实施例中,采用了“第一”、“第二”等字样对功能和作用基本相同的相同项或相似项进行区分,本领域技术人员可以理解“第一”、“第二”等字样并不对数量和执行次序进行限定。
本发明实施例三还提供了一种Windows用户界面的换肤装置,参见图6,所述装置包括:
数据类型分析单元61,用于分析所需绘制的Windows用户界面的皮肤图像中的数据类型,所述数据类型包括背景颜色数据、图案数据、渐变效果数据和控件数据,或者,所述数据类型包括背景颜色数据、渐变效果数据和控件数据,
皮肤图像分层单元62,用于利用所述数据类型将所述皮肤图像分为至少两层的分层图像;
换肤绘制单元63,用于根据接收到的来自用户的换肤命令消息,依次绘制所述分层图像,实现对所述用户界面的换肤;
其中,当所述数据类型分析单元61得到的数据类型包括背景颜色数据、图案数据、渐变效果数据和控件数据时,所述皮肤图像分层单元62,具体用于利用所述数据类型将所述皮肤图像分为如下四层的分层图像:包含背景颜色数据的底层分层图像;包含图案数据的中间层分层图像;包含渐变效果数据的次层分层图像;包含控件数据的顶层分层图像;或者,
当所述数据类型分析单元61得到的数据类型包括背景颜色数据、渐变效果数据和控件数据时,所述皮肤图像分层单元62,具体用于利用所述数据类型将所述皮肤图像分为如下三层的分层图像:包含背景颜色数据的底层分层图像;包含渐变效果数据的次层分层图像;包含控件数据的顶层分层图像。
上述皮肤图像中的数据包含了换肤后用户界面所呈现出的图像中的所有数据,即该皮肤图像的数据包括了在实现换肤的过程中,后台软件所需绘制的所有数据,例如,颜色数据、图案数据和控件数据等。
进一步的,所述换肤绘制单元63还包括:反色处理模块,用于根据控件数据判断控件的颜色与用户界面的背景颜色相接近时,对控件的颜色进行反色处理。利用该反色处理模块能够明显地将用户界面上的文字和背景进行区分,提高了用户界面整体的清晰度。
所述换肤绘制单元63还可以包括边缘模糊处理模块,用于当控件数据中包括文字数据时,根据所述文字数据,采用模糊算法对用户界面上文字的边缘部分进行模糊处理。利用该边缘模糊处理模块能够使文字与界面背景的结合更加自然,并且对文字本身的显示效果也进行了改善,具有了一种静态的视觉效果,如文字淡淡发光的视觉效果,从而丰富了用户界面的内容,使换肤后的用户界面的更加美观。
本发明装置实施例中各功能模块的具体工作方式参见本发明的方法实施例。上述的各单元和模块可以集成在一个设备中实现,也可以分别单独实现。
上述Windows用户界面包括但不局限于即时通信工具中所使用的用户界面。
由上所述,本发明实施例提供的技术方案,对用户界面皮肤图像中包含的数据进行了深入地分析,将不同类型的数据划分在不同的分层图像中,通过分层绘制图像实现对用户界面的换肤,解决了现有技术中由于直接将一张皮肤图像绘制在用户界面上所带来的问题。本发明实施例提供了一种新型的用户界面换肤方案,利用本技术方案换肤后的用户界面画面细致,细节表现清晰,色彩自然,提高了用户体验。
本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明保护的范围之内。
Claims (10)
1.一种Windows用户界面的换肤方法,其特征在于,所述方法包括:
分析所需绘制的Windows用户界面的皮肤图像中的数据类型;
利用所述数据类型将所述皮肤图像分为至少两层的分层图像;
根据接收到的来自用户的换肤命令消息,依次绘制所述分层图像,实现对所述用户界面的换肤。
2.根据权利要求1所述的方法,其特征在于,
当所述数据类型包括背景颜色数据、图案数据、渐变效果数据和控件数据时,所述利用所述数据类型将所述皮肤图像分为至少两层的分层图像包括:
利用所述数据类型将所述皮肤图像分为如下四层的分层图像:
包含背景颜色数据的底层分层图像;
包含图案数据的中间层分层图像;
包含渐变效果数据的次层分层图像;
包含控件数据的顶层分层图像;
当所述数据类型包括背景颜色数据、渐变效果数据和控件数据时,所述利用所述数据类型将所述皮肤图像分为至少两层的分层图像包括:
利用所述数据类型将所述皮肤图像分为如下三层的分层图像:
包含背景颜色数据的底层分层图像;
包含渐变效果数据的次层分层图像;
包含控件数据的顶层分层图像。
3.根据权利要求1或2所述的方法,其特征在于,所述分层图像中包括控件数据,所述绘制所述分层图像包括:
根据控件数据判断控件的颜色与用户界面的背景颜色相接近时,对控件的颜色进行反色处理。
4.根据权利要求3所述的方法,其特征在于,通过如下方式对控件的颜色进行反色处理:
计算控件的颜色与黑色的第一差别值,以及,计算控件的颜色与白色的第二差别值;
当第一差别值大于第二差别值时,将控件的颜色更改为黑色;
当第一差别值小于第二差别值时,将控件的颜色更改为白色。
5.根据权利要求1或2所述的方法,其特征在于,所述分层图像中包括控件数据,所述控件数据中包括文字数据,所述绘制所述分层图像还包括:
根据所述文字数据,采用模糊算法对用户界面上文字的边缘部分进行模糊处理。
6.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
对用户界面皮肤图像的颜色进行直方图统计分析,得到相应于所述皮肤图像的匹配颜色;
在用户界面上所述皮肤图像未覆盖的区域绘制所述匹配颜色。
7.根据权利要求2所述的方法,其特征在于,
所述换肤命令消息指示用户界面的背景颜色,所述换肤命令消息包括用户所选取的色相H、饱和度S和亮度L,所述方法还包括:
将所述色相、饱和度和亮度三个分量转换为RGB值,得到用户界面的背景颜色数据;或者,
所述换肤命令消息指示用户界面的主题图案,所述方法还包括:
计算与用户所选取的主题图案的数据相匹配的颜色数据,将该颜色数据作为用户界面的背景颜色数据。
8.根据权利要求2所述的方法,其特征在于,当用户界面的形状为四边形时,通过如下方式绘制次层分层图像;
将用户界面通过水平和垂直方向的划分得到9个区域,所述区域从用户界面的顶部起按照从左至右的顺序分别为第一区域、第二区域、第三区域、第四区域、第五区域、第六区域、第七区域、第八区域和第九区域;
分别为第二区域、第四区域、第六区域和第八区域的原始图像绘制缩小图像和放大图像;
由所述第一区域至第九区域的原始图像,以及所述第二区域、第四区域、第六区域和第八区域的缩小图像和放大图像构成所述次层分层图像。
9.一种Windows用户界面的换肤装置,其特征在于,所述装置包括:
数据类型分析单元,用于分析所需绘制的Windows用户界面的皮肤图像中的数据类型,所述数据类型包括背景颜色数据、图案数据、渐变效果数据和控件数据,或者,所述数据类型包括背景颜色数据、渐变效果数据和控件数据,
皮肤图像分层单元,用于利用所述数据类型将所述皮肤图像分为至少两层的分层图像;
换肤绘制单元,用于根据接收到的来自用户的换肤命令消息,依次绘制所述分层图像,实现对所述用户界面的换肤;
其中,当所述数据类型分析单元得到的数据类型包括背景颜色数据、图案数据、渐变效果数据和控件数据时,所述皮肤图像分层单元,具体用于利用所述数据类型将所述皮肤图像分为如下四层的分层图像:包含背景颜色数据的底层分层图像;包含图案数据的中间层分层图像;包含渐变效果数据的次层分层图像;包含控件数据的顶层分层图像;或者,
当所述数据类型分析单元得到的数据类型包括背景颜色数据、渐变效果数据和控件数据时,所述皮肤图像分层单元,具体用于利用所述数据类型将所述皮肤图像分为如下三层的分层图像:包含背景颜色数据的底层分层图像;包含渐变效果数据的次层分层图像;包含控件数据的顶层分层图像。
10.根据权利要求9所述的装置,其特征在于,所述换肤绘制单元还包括:
反色处理模块,用于根据控件数据判断控件的颜色与用户界面的背景颜色相接近时,对控件的颜色进行反色处理;以及,
边缘模糊处理模块,用于当控件数据中包括文字数据时,根据所述文字数据,采用模糊算法对用户界面上文字的边缘部分进行模糊处理。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110116561.4A CN102768625B (zh) | 2011-05-06 | 2011-05-06 | Windows用户界面的换肤方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110116561.4A CN102768625B (zh) | 2011-05-06 | 2011-05-06 | Windows用户界面的换肤方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102768625A true CN102768625A (zh) | 2012-11-07 |
CN102768625B CN102768625B (zh) | 2015-06-10 |
Family
ID=47096032
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110116561.4A Active CN102768625B (zh) | 2011-05-06 | 2011-05-06 | Windows用户界面的换肤方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102768625B (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2014101618A1 (en) * | 2012-12-27 | 2014-07-03 | Tencent Technology (Shenzhen) Company Limited | Method and device for processing image data |
CN104035759A (zh) * | 2013-03-07 | 2014-09-10 | 上海斐讯数据通信技术有限公司 | 换肤方法及皮肤编辑器 |
CN104461485A (zh) * | 2013-09-17 | 2015-03-25 | 腾讯科技(深圳)有限公司 | 一种窗体着色的方法及用户设备 |
CN104657060A (zh) * | 2013-11-19 | 2015-05-27 | 腾讯科技(深圳)有限公司 | 一种移动终端上查看相册的方法及装置 |
CN106934838A (zh) * | 2017-02-08 | 2017-07-07 | 广州阿里巴巴文学信息技术有限公司 | 图片展示方法、设备及可编程设备 |
CN108108299A (zh) * | 2017-11-29 | 2018-06-01 | 厦门集微科技有限公司 | 一种用户界面测试方法及装置 |
CN108205534A (zh) * | 2016-12-16 | 2018-06-26 | 北京搜狗科技发展有限公司 | 一种皮肤资源展示方法、装置及电子设备 |
CN109117135A (zh) * | 2018-07-24 | 2019-01-01 | 中国石油天然气集团有限公司 | 一种确定配色方案的方法及装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1501712A (zh) * | 2002-11-12 | 2004-06-02 | 北京中视联数字系统有限公司 | 一种实现图文混合显示的方法 |
US20040179742A1 (en) * | 2003-03-13 | 2004-09-16 | Sharp Laboratories Of America, Inc. | Compound image compression method and apparatus |
CN101021790A (zh) * | 2007-03-09 | 2007-08-22 | 华为技术有限公司 | 一种用户界面变换方法及系统 |
-
2011
- 2011-05-06 CN CN201110116561.4A patent/CN102768625B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1501712A (zh) * | 2002-11-12 | 2004-06-02 | 北京中视联数字系统有限公司 | 一种实现图文混合显示的方法 |
US20040179742A1 (en) * | 2003-03-13 | 2004-09-16 | Sharp Laboratories Of America, Inc. | Compound image compression method and apparatus |
CN101021790A (zh) * | 2007-03-09 | 2007-08-22 | 华为技术有限公司 | 一种用户界面变换方法及系统 |
Non-Patent Citations (3)
Title |
---|
GUOTONG FENG ET AL.: "High-Quality MRC Document Coding", 《IEEE TRANSACTIONS OF IMAGE PROCESSING》 * |
吴婧: "《桌面图像序列编码方法的研究》", 《中国博士学位论文全文数据库(电子期刊)信息科技辑》 * |
杨先刚: "《数字图像模式识别工程软件设计》", 30 April 2008, 中国水利水电出版社 * |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9665247B2 (en) | 2012-12-27 | 2017-05-30 | Tencent Technology (Shenzhen) Company Limited | Method and device for applying a new skin to a display environment |
WO2014101618A1 (en) * | 2012-12-27 | 2014-07-03 | Tencent Technology (Shenzhen) Company Limited | Method and device for processing image data |
CN104035759A (zh) * | 2013-03-07 | 2014-09-10 | 上海斐讯数据通信技术有限公司 | 换肤方法及皮肤编辑器 |
CN104461485B (zh) * | 2013-09-17 | 2019-03-15 | 腾讯科技(深圳)有限公司 | 一种窗体着色的方法及用户设备 |
CN104461485A (zh) * | 2013-09-17 | 2015-03-25 | 腾讯科技(深圳)有限公司 | 一种窗体着色的方法及用户设备 |
WO2015039567A1 (en) * | 2013-09-17 | 2015-03-26 | Tencent Technology (Shenzhen) Company Limited | Method and user apparatus for window coloring |
CN104657060A (zh) * | 2013-11-19 | 2015-05-27 | 腾讯科技(深圳)有限公司 | 一种移动终端上查看相册的方法及装置 |
CN104657060B (zh) * | 2013-11-19 | 2019-07-23 | 腾讯科技(深圳)有限公司 | 一种移动终端上查看相册的方法及装置 |
CN108205534A (zh) * | 2016-12-16 | 2018-06-26 | 北京搜狗科技发展有限公司 | 一种皮肤资源展示方法、装置及电子设备 |
CN106934838A (zh) * | 2017-02-08 | 2017-07-07 | 广州阿里巴巴文学信息技术有限公司 | 图片展示方法、设备及可编程设备 |
CN108108299A (zh) * | 2017-11-29 | 2018-06-01 | 厦门集微科技有限公司 | 一种用户界面测试方法及装置 |
CN109117135A (zh) * | 2018-07-24 | 2019-01-01 | 中国石油天然气集团有限公司 | 一种确定配色方案的方法及装置 |
CN109117135B (zh) * | 2018-07-24 | 2022-06-03 | 中国石油天然气集团有限公司 | 一种确定配色方案的方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN102768625B (zh) | 2015-06-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102768625B (zh) | Windows用户界面的换肤方法和装置 | |
US10607377B2 (en) | Rendering semi-transparent user interface elements | |
CN108876931B (zh) | 三维物体颜色调整方法、装置、计算机设备及计算机可读存储介质 | |
CN102402793B (zh) | 计算机图形处理 | |
CN106484396B (zh) | 夜间模式切换方法、装置和终端设备 | |
US6317128B1 (en) | Graphical user interface with anti-interference outlines for enhanced variably-transparent applications | |
US10846336B2 (en) | Authoring tools for synthesizing hybrid slide-canvas presentations | |
CN106971165B (zh) | 一种滤镜的实现方法及装置 | |
KR102658961B1 (ko) | 다수의 사람들이 등장하는 개인화된 비디오를 제공하기 위한 시스템들 및 방법들 | |
JP5880767B2 (ja) | 領域判定装置、領域判定方法およびプログラム | |
JP6261301B2 (ja) | 医用画像表示装置およびその制御方法 | |
JP5858188B1 (ja) | 画像処理装置、画像処理方法、画像処理システムおよびプログラム | |
JP2014146300A (ja) | 画像処理装置及び画像処理プログラム | |
CN104978186A (zh) | 一种界面皮肤的渲染方法和装置 | |
WO2022068293A1 (zh) | 页面展示方法及装置 | |
CN103065338A (zh) | 为背景图像中的前景图像提供阴影的方法和装置 | |
CN107704300A (zh) | 信息处理方法及电子设备 | |
Bruckner et al. | Hybrid visibility compositing and masking for illustrative rendering | |
CN113082696A (zh) | 显示控制方法、装置和电子设备 | |
CN107408401A (zh) | 用于图像的简化调整的用户滑块 | |
CN110502205A (zh) | 图片显示边缘处理方法、装置、电子设备和可读存储介质 | |
KR100633144B1 (ko) | 색 관리방법 및 이를 적용한 색 관리장치 | |
CN110879739A (zh) | 通知栏的显示方法及其显示装置 | |
CN106528161B (zh) | 终端设备、页面显示处理装置及方法 | |
JP5672168B2 (ja) | 画像処理装置、画像処理方法及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
CP02 | Change in the address of a patent holder |
Address after: Room 810, 8 / F, 34 Haidian Street, Haidian District, Beijing 100080 Patentee after: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd. Address before: 100089 Beijing city Haidian District wanquanzhuang Road No. 28 Wanliu new building A block 5 layer Patentee before: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd. |
|
CP02 | Change in the address of a patent holder |