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

说明书

技术领域

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

背景技术

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

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

可以看到，数据文件的编写在皮肤设计中是绝对的核心操作，但是其编写的复杂程度可想而知，而且所编写的数据非常繁琐，导致容易出现错误，为皮肤设计带来了很大的难度。 

从另一方面考虑，如果用户希望通过自定义的方式来自己设计皮肤，数据文件的编写这种过于专业性的操作，导致用户自定义模式基本上不可实现。 

因此需要提供一种方式，能使皮肤设计变得简单高效，尤其是使数据文 件的编写这种专业操作变得相对友好、直观，对于任何人而言，无论是普通用户还是专业设计人员都不需要专业技术就可以进行皮肤设计，使得用户自定义的皮肤设计变得可行。 

发明内容

有鉴于此，本发明所要解决的技术问题是提供了一种编辑用户界面的皮肤的方法，其组件布局使用可视化标识进行绘制，可视化标识使得组件布局具有可移植性、并且非常易于编辑重塑，这些操作实现起来简单直观。 

为了解决上述技术问题，本发明公开了一种编辑用户界面的皮肤的方法，包括：识别本地的用户界面当前皮肤的组件布局，所述组件布局用于标示各皮肤组件的位置；根据当前皮肤的组件布局在一皮肤图片上绘制所述可视化标识，并通过调整所述皮肤图片的可视化标识来调整皮肤组件位置从而获得新的组件布局；识别所述皮肤图片的可视化标识并据此将各皮肤组件放置在新的组件布局的相应位置。 

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

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

进一步地，通过调整所述皮肤图片的可视化标识来调整皮肤组件位置从而获得新的组件布局的步骤，包括：所述可视化标识还用于标示各皮肤组件的形状和/或大小，从而通过调整可视化标识来调整皮肤组件的形状和/或大小从而获得新的组件布局。 

进一步地，通过调整所述皮肤图片的可视化标识来调整皮肤组件位置从而获得新的组件布局的步骤，包括：还通过对所述可视化标识的编辑来新增/删除/修改皮肤组件从而获得新的组件布局。 

进一步地，所述皮肤图片，包括：当前皮肤的皮肤图片或不同于当前皮肤的皮肤图片的新皮肤图片。 

进一步地，识别所述皮肤图片的可视化标识并据此将各皮肤组件放置在新的组件布局的相应位置的步骤，包括：所述可视化标识使用不同的颜色和/或不同的透明度来区别不同的皮肤组件；读取所述可视化标识的颜色和/或透明度获取所绘制的一皮肤组件的位置，依据所述颜色和/或透明度选择对应的皮肤组件放置在所述皮肤组件的位置上，并使所述皮肤组件与其所在位置的形状和/或大小适应。 

进一步地，所述当前皮肤的组件布局使用布局模板作为载体，所述布局模板携带有通过所述可视化标识所绘制出的皮肤组件位置；或者，所述当前皮肤的组件布局使用数据文件作为载体，所述数据文件携带有通过坐标代码编写出的皮肤组件位置。 

进一步地，所述布局模板为背景透明、所述组件布局使用可视化标识标出的布局框架图片。 

进一步地，根据当前皮肤的组件布局在一皮肤图片上绘制所述可视化标识的步骤，包括：将所述皮肤图片和所述布局框架图片合并，得到经过可视化标识绘制的皮肤图片。 

与现有的方案相比，本发明所获得的技术效果： 

1)组件布局使用可视化标识进行绘制，可视化标识使得组件布局具有可移植性、并且非常易于编辑重塑，这些操作实现起来简单直观。