一种界面皮肤的渲染方法和装置的制造方法
【技术领域】
[0001]本发明涉及计算机领域，尤其涉及一种界面皮肤的渲染方法和装置。
【背景技术】
[0002]越来越多的应用程序提供更换用户界面的皮肤的功能，例如浏览器、播放器、安全软件等，皮肤即用户界面的背景图像，应用程序可以在本地或服务器提供多种不同风格的背景图像供用户选择。目前主流的更换皮肤的方式包含两种:第一种是将背景图像作为网页，对用户界面的整个区域进行渲染和绘制。第二种是将背景图像作为用户界面的底层，只对用户界面中的部分区域进行渲染和绘制，例如用户界面的标题栏和菜单栏等。渲染和绘制的过程是:基于操作系统提供的原生窗口确定各个控件的位置，将控件和对应位置的子背景图像进行图像混合，子背景图像对应底层颜色，控件对应对象颜色，通过特定的图像混合算法将底层颜色和对象颜色进行混合。
[0003]针对用户选择的背景图像，如果背景图像不是纯色图像，用户界面的不同区域可能呈现不同的色彩风格，例如有些区域是深色系，有些区域为浅色系。在目前的渲染和绘制的过程中，采用一致的图像混合模式对用户界面的指定区域将背景图像进行图像混合，可能会存在背景图像颜色跳变造成的控件显示不清晰的问题。
【发明内容】
[0004]本发明实施例所要解决的技术问题在于，提供一种界面皮肤的渲染方法和装置。可目前的用户界面更换皮肤后存在显示不清晰的问题。
[0005]为了解决上述技术问题，本发明实施例提供了一种界面皮肤的渲染方法，包括:
[0006]将目标区域内的子背景图像的颜色模型转换为色调饱和度亮度HSV颜色模型；其中，所述目标区域为目标控件对应的区域；
[0007]计算所述子背景图像中黑灰像素的比例值；其中，所述黑灰像素为亮度值小于第一阈值的像素；
[0008]若所述比例值小于第二阈值，确定所述子背景图像的主色调；
[0009]查询与所述主色调关联的图像混合模式，并根据图像混合模式将所述目标控件与所述子背景图像在所述目标区域内进行混合。
[0010]相应地，本发明实施例还提供了一种界面皮肤的渲染装置，包括:
[0011]其中色彩转换模块，用于将目标区域内的子背景图像的颜色模型转换为色调饱和度亮度HSV颜色模型；其中，所述目标区域为目标控件对应的区域；
[0012]比例计算模块，用于计算所述子背景图像中黑灰像素的比例值；其中，所述黑灰像素为亮度值小于第一阈值的像素；
[0013]主色调确定模块，用于若所述比例值小于第二阈值，确定所述子背景图像的主色调；
[0014]混合模块，用于查询与所述主色调关联的图像混合模式，并根据图像混合模式将所述目标控件与所述子背景图像在所述目标区域内进行混合。
[0015]实施本发明实施例，具有如下有益效果:
[0016]通过识别目标区域内子背景图像的主色调，根据不同的主色调选择不同的图像混合模式，根据选择的不同混合模式将用户界面上的目标空间和子背景图像在目标区域内进行混合。这样能够根据子背景图像的色调变化选择合适的图像混合模式，避免现有技术中单一的图像混合模式造成的目标控件显示效果不佳的问题。
【附图说明】
[0017]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的实施例。
[0018]图1是本发明实施例提供的一种界面皮肤的渲染方法的流程示意图；
[0019]图2是本发明实施例提供的一种界面皮肤的渲染方法的另一流程示意图；
[0020]图3是本发明实施例提供的一种用户界面的示意图；
[0021]图4是本发明实施例提供的一种界面皮肤的渲染装置的结构示意图；
[0022]图5是本发明实施例提供的一种界面皮肤的渲染装置的另一结构示意图；
[0023]图6是图5中比例计算模块的结构示意图；
[0024]图7是图5中主色调确定模块的结构示意图。
【具体实施方式】
[0025]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
[0026]参见图1，为本发明实施例提供的一种界面皮肤的渲染方法的流程示意图，在本发明实施例中，所述方法包括:S101-S104。
[0027]S101、将目标区域内的子背景图像的颜色模型转换为色调饱和度亮度HSV颜色模型；其中，所述指定区域为目标控件对应的区域。
[0028]具体的，目标控件为用户界面上的文字和/或图像，例如，浏览器用户界面上的前进按钮、后退按钮和停止按钮，上述按钮可以为文字和/或图片。用户界面上包含多个控件，每个控件的位置是固定的，控件的形状一般为规则的圆形或矩形，当需要更换用户界面的皮肤时，将预先准备的背景图像设置在用户界面的底层，背景图像的形状与用户界面的形状相匹配，这样每个控件对应的区域内分割出一个子背景图像，渲染装置需要对每个控件和关联的子背景图像进行图像混合后得到最终的显示效果。其中，渲染装置对控件进行渲染时可以依据一定的顺序进行，例如从上到下，从左到右的顺序依次对用户界面中的控件进行渲染。
[0029]目标控件为用户界面包含的所有控件中的任意一个，目标控件对应的区域为目标区域，目标区域内对应子背景图像，子背景图像为用户界面的背景图像的一部分，一般而言，显示器上显示的背景图像的颜色模型不为HSV颜色模型，例如为RGB颜色模型，作为背景图像的一部分的子背景图像的颜色模型也为RGB颜色模型，为了便于后续处理，渲染装置需要将子背景图像的颜色模型转换为HSV颜色模型。其中，其他颜色模型到HSV颜色模型的转换过程现有技术已作披露，此处不再赘述。
[0030]S102、计算所述子背景图像中黑灰像素的比例值；其中，所述黑灰像素为亮度值小于第一阈值的像素。
[0031]具体的，渲染装置确定子背景图像包含的各个像素的亮度值，将亮度值小于第一阈值的像素作为黑灰像素，计算子背景图像中黑灰像素的数量占所有的像素的数量的比例值。
[0032]S103、若所述比例值小于第二阈值，确定所述子背景图像的主色调。
[0033]具体的，如果S102计算得到的比例值小于第二阈值，根据子背景图像中包含的所有的像素的色调值确定子背景图像的主色调。
[0034]S104、查询与所述主色调关联的图像混合模式，并根据图像混合模式将所述目标控件与所述子背景图像在所述目标区域内进行混合。
[0035]具体的，渲染装置查询子背景图像的主色调关联的图像混合模式，根据查询到的图像混合模型将目标控件和子背景图像在目标区域内进行混合。
[0036]实施本发明的实施例，通过识别目标区域内子背景图像的主色调，根据不同的主色调选择不同的图像混合模式，根据选择的不行混合模式将用户界面上的目标空间和子背景图像在目标区域内进行混合。这样能够根据子背景图像的色调变化选择合适的图像混合模式，避免现有技术中单一的图像混合模式造成的目标控件显示效果不佳的问题。
[0037]参见图2，为本发明实施例提供的一种界面皮肤的渲染方法的另一流程示意图，在本发明实施例中，所述方法包括:
[0038]S201、接收用于切换用户界面的皮肤的切换指令后，获取所述切换指令对应的背景图像和所述用户界面上的所有控件对应的区域。
[0039]具体的，应用软件提供更换用户界面的皮肤的功能，当渲染装置接收用于切换用户界面的皮肤的切换指令后，将当前背景图像切换为需要的背景图像，背景图像为预先设置在本地或从服务器中获取的，背景图像可以是纯色的图像也可以是人物或风景等非纯色的图像。用户界面和背景图像的形状相同，用户界面上设有若干个控件，例如播放器软件的用户界面上设有开始、暂停、快进和快退等控件，点击控件后软件执行对应的功能，控件在用户界面上表现为图像和/或文字，渲染装置获取用户界面上所有的控件对应的区域，控件对应的区域一般规则的形状，例如为圆形或矩形。
[0040]示例性的，用户界面的当前背景图像为纯黑色图像，用户界面上设有3个控件，分别为控件1、控件2和控件3，每个控件的形状为矩形，每个控件对应的区域为一个矩形区域，每个控件的位置