[发明专利]一种更换用户界面的皮肤的方法

说明书

技术领域

本发明属于计算机领域，具体地说，涉及一种更换用户界面的皮肤的方法。 

背景技术

如今，在用户终端上安装有各种各样的客户端软件，每种客户端软件都有各自的用户界面，通过用户界面完成客户端软件与用户的交互，可以说用户界面就是客户端软件的门户。 

软件厂家通常都会为用户界面设计皮肤，皮肤的设计在考虑美观的同时，还要兼顾用户界面上皮肤组件摆放布局的合理使用。设计者在设计皮肤时，往往首先会设计出适合用户界面的皮肤图片；之后再针对皮肤图片编写一个数据文件，这个数据文件中会以代码或者数据表格的形式记录在皮肤图片上所有皮肤组件摆放的位置坐标以及尺寸、形状的参数，这个数据文件和皮肤图片可以认为构成了最基本的皮肤。这个数据文件对于普通用户来说是很难看懂的，但是电脑程序可以识别，要将所属皮肤加载到用户界面时，由电脑程序读取数据文件获知皮肤图片上的皮肤组件布局情况，然后在皮肤图片上进行摆放，最终就形成了用户界面。 

可以看到，数据文件的编写在皮肤设计中是绝对的核心操作，但是其编写的复杂程度可想而知，而且所编写的数据非常繁琐，导致容易出现错误，为皮肤设计带来了很大的难度。因此需要提供一种方式，能使皮肤设计变得简单，尤其是使数据文件的编写这种专业操作变得相对友好、直观。 

另外，因为对于皮肤中很多都是采用相同的组件布局而使用不同的皮肤图片来实现的，而这一类皮肤往往属于同一款的皮肤，如果能够对皮肤分款预先制作更具需要推荐给用户会带来非常好的用户感受。因此还需要提供一 种方式，可以给用户提供标准化的用户界面的组件布局，并依据组件布局快速高效地提供多种标准化的皮肤，给予用户更多的选择。 

发明内容

有鉴于此，本发明所要解决的技术问题是提供了一种更换用户界面的皮肤的方法，结合可视化标识预先制作好适当的组件布局，根据用户选定的皮肤图片提供各种适合的组件布局的预览，给于用户多种选择进行换肤。 

为了解决上述技术问题，本发明公开了一种更换用户界面的皮肤的方法，包括：建立皮肤图片与皮肤的组件布局的对应关系，所述皮肤的组件布局适配于对应的皮肤图片，所述皮肤的组件布局通过用于标示皮肤组件位置的可视化标识进行绘制；根据用户选定的皮肤图片，查找对应的一个或多个适配的组件布局推荐给用户；对所述一个或多个适配的组件布局识别其中用于标示皮肤组件位置的可视化标识，并据此将各皮肤组件放置在组件布局的相应位置。 

进一步地，所述可视化标识，包括：所述皮肤图片上所占用面积小于一阈值的颜色和/或透明度。 

进一步地，所述一幅皮肤图片携带用于绘制一种组件布局的可视化标识；根据所述多个组件布局中的每个组件布局，分别在所述皮肤图片相应的副本上绘制用于标示这种组件布局的可视化标识。 

进一步地，所述可视化标识还用于标示皮肤组件的形状和/或大小。 

进一步地，所述皮肤组件放置在组件布局的相应位置后覆盖所述皮肤图片的可视化标识。 

进一步地，对所述一个或多个适配的组件布局识别其用于标示皮肤组件位置的可视化标识，并据此将各皮肤组件放置在组件布局的相应位置的步骤，包括：根据一个或多个皮肤的组件布局中的每一个组件布局，分别在所述皮肤图片上绘制用于标示皮肤组件位置的可视化标识，识别所述皮肤图片的可视化标识并据此将皮肤组件放置在所述组件布局的相应位置从而生成预览并展现给用户供其选择。 

进一步地，对所述一个或多个适配的组件布局识别其用于标示皮肤组件位置的可视化标识，并据此将各皮肤组件放置在组件布局的相应位置的步骤，包括：根据一个或多个皮肤的组件布局中用户选中的组件布局，在所述皮肤图片上绘制用于标示皮肤组件位置的可视化标识，识别所述皮肤图片的可视化标识并据此将皮肤组件放置在所述组件布局的相应位置从而将所述皮肤图片加载到用户界面。 

进一步地，通过所述可视化标识所绘制出的皮肤的组件布局使用布局模板作为载体，所述布局模板为背景透明、所述组件布局使用可视化标识标出的布局框架图片。 

进一步地，对所述一个或多个适配的组件布局识别其用于标示皮肤组件位置的可视化标识，并据此将各皮肤组件放置在组件布局的相应位置的步骤，包括：根据一个或多个皮肤的组件布局中的每一个组件布局，分别识别其布局模板的用于标示皮肤组件位置的可视化标识，据此将皮肤组件放置在所述组件布局的相应位置并与所述皮肤图片合并而生成预览并展现给用户供其选择。