[发明专利]一种用户界面的拉伸控制的方法

说明书

本发明专利申请是申请日为2011年9月29日、申请号为201110305017.4、名称为“一种用户界面的拉伸控制的方法”的中国发明专利申请的分案申请。

技术领域

本发明属于计算机领域，具体地说，涉及一种用户界面的拉伸控制的方法。

背景技术

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

软件厂家通常都会为用户界面设计皮肤，皮肤的设计在考虑美观的同时，还要兼顾用户界面上皮肤组件摆放布局的合理使用，同时还要仔细设计拉伸方案。设计者在设计皮肤时，往往首先会设计出适合用户界面的皮肤图片；之后再针对皮肤图片编写一个数据文件，这个数据文件中会以代码或者数据表格的形式记录在皮肤图片上拉伸控制的参数，比如；拉伸区域、拉伸比例。这个数据文件对于普通用户来说是很难看懂的，但是电脑程序可以识别，要将所属皮肤加载到用户界面时，由电脑程序读取数据文件获知皮肤图片在拉伸时如何处理。

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

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

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

发明内容

有鉴于此，本发明所要解决的技术问题是提供了一种用户界面的拉伸控制的方法，使得用于拉伸控制的可视化标识直接由图片携带，以此替代数据文件，极大地方便了使用。

为了解决上述技术问题，本发明公开了一种用户界面的拉伸控制的方法，包括：在皮肤图片上通过用于标示拉伸位置的可视化标识绘制所述拉伸区域；监视到对所述皮肤图片存在拉伸需求时，识别所述皮肤图片的可视化标识从而获得拉伸区域，仅针对处于所述拉伸区域内的皮肤图片进行拉伸。

进一步地，所述可视化标识，包括：沿所述背景图片的纵向延伸的一对或多对平行线和/或沿所述背景图片的横向延伸的一对或多对平行线。

进一步地，所述平行线使用所述皮肤图片上所占用面积小于一阈值的颜色和/或透明度来标明，每对平行线之间使用不同的颜色和/或透明度来区别。

进一步地，识别所述皮肤图片的可视化标识从而获得拉伸区域的步骤，包括：识别沿所述皮肤图片的纵向延伸的平行线，每对平行线之间相夹的部分为横向的拉伸区域；和/或，识别沿所述皮肤图片的横向延伸的平行线，每对平行线之间相夹的部分为纵向的拉伸区域。

进一步地，仅针对处于所述拉伸区域内的皮肤图片进行拉伸的步骤，包括：当存在多个拉伸区域时，对各拉伸区域设置权重；监视到对所述皮肤图片存在拉伸需求时，针对权重给每个拉伸区域分配相应的拉伸比例，权重越高的拉伸区域，其分配的拉伸比例越大。

进一步地，仅针对处于所述拉伸区域内的皮肤图片进行拉伸的步骤，包括：监视到对所述皮肤图片存在拉伸需求时，针对多个拉伸区域等比例分配拉伸尺寸。

进一步地，仅针对处于所述拉伸区域内的皮肤图片进行拉伸的步骤，包括：处于所述拉伸区域外的皮肤图片保持不变。

进一步地，还包括：所述平行线将所述皮肤图片划分为若干区域并依次编号，所述区域不包括所述平行线本身；依据所述编号的顺序将对应的区域内的皮肤图片的边界直接拼接，重新组合得到不包含所述平行线的皮肤图片并显示。

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

1)可视化标识直接由图片携带，以此替代数据文件，极大地方便了使用，而可视化标识作为一种信息可读性极强，对于用户容易识别，对于电脑程序识别也是非常方便的。

2)标注绘制的操作本身相对编写数据文件更为简单，显示效果更为直观，用户可以轻松了解皮肤图片的拉伸布置。

3)应用可视化标识直接在皮肤图片上进行标明，使得绘制拉伸区域变得简单直观，因此便于专业设计，有利于普通用户的自定义设计。

4)通过分区域组合的皮肤图片的显示方式使得可视化标识不会显示出来，保证皮肤图片不会被破坏。

5)使用多个拉伸区域，按其拉伸所产生的变形影响设置权重，分层次消化拉伸带来的图片变形，提升拉伸后的显示效果。