[发明专利]一种自定义用户界面的皮肤的方法

说明书

技术领域

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

背景技术

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

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

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

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

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

发明内容

有鉴于此，本发明所要解决的技术问题是提供了一种自定义用户界面的皮肤的方法，可视化标识直接由图片携带，以此替代数据文件，极大地方便了使用，而标注绘制的操作本身相对编写数据文件更为简单，显示效果更为直观。

为了解决上述技术问题，本发明公开了一种自定义用户界面的皮肤的方法，包括：在皮肤图片上根据用户指示通过用于标识皮肤组件位置的可视化标识绘制皮肤的组件布局；识别所述皮肤图片的可视化标识，并根据所述可视化标识将各皮肤组件放置在所述组件布局的相应位置。

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

进一步地，识别所述皮肤图片的可视化标识，并根据所述可视化标识将各皮肤组件放置在所述组件布局的相应位置的步骤，包括：识别所述皮肤图片的可视化标识，并根据所述可视化标识将各皮肤组件的仿真图片放置在所述组件布局的相应位置从而生成一效果图，所述效果图用于模拟加载了所述皮肤后的用户界面。

进一步地，所述皮肤组件的仿真图片放置后覆盖所述皮肤图片的可视化标识。

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

进一步地，识别所述皮肤图片的可视化标识，并根据所述可视化标识将各皮肤组件放置在所述组件布局的相应位置的步骤，包括：识别所述皮肤图片的可视化标识，并根据所述可视化标识将各皮肤组件放置在所述组件布局的相应位置从而生成用户界面，所述用户界面为加载所述皮肤图片后的用户界面。

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

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

进一步地，所述组件布局，包括：所述用户界面上各皮肤组件的摆放位置、以及各皮肤组件的形状和/或大小。

进一步地，所述皮肤图片为一背景透明的图片。

进一步地，在皮肤图片上根据用户指示通过用于标识皮肤组件位置的可视化标识绘制皮肤的组件布局的步骤，包括：在所述背景透明的图片上通过所述可视化标识绘制皮肤的组件布局，从而得到一布局模板，所述布局模板为背景透明、组件布局用可视化标识标出的布局框架图片。