一种用户界面的拉伸控制的方法技术

本发明专利技术公开了一种用户界面的拉伸控制的方法，包括：在皮肤图片上通过用于标示拉伸位置的可视化标识绘制所述拉伸区域；监视到对所述皮肤图片存在拉伸需求时，识别所述皮肤图片的可视化标识从而获得拉伸区域，仅针对处于所述拉伸区域内的皮肤图片进行拉伸。本发明专利技术于拉伸控制的可视化标识直接由图片携带，以此替代数据文件，极大地方便了使用。

【技术实现步骤摘要】
本专利技术专利申请是申请日为2011年9月29日、申请号为201110305017.4、名称为“”的中国专利技术专利申请的分案申请。
本专利技术属于计算机领域，具体地说，涉及。
技术介绍
如今，在用户终端上安装有各种各样的客户端软件，每种客户端软件都有各自的用户界面，通过用户界面完成客户端软件与用户的交互，可以说用户界面就是客户端软件的门户。软件厂家通常都会为用户界面设计皮肤，皮肤的设计在考虑美观的同时，还要兼顾用户界面上皮肤组件摆放布局的合理使用，同时还要仔细设计拉伸方案。设计者在设计皮肤时，往往首先会设计出适合用户界面的皮肤图片；之后再针对皮肤图片编写一个数据文件，这个数据文件中会以代码或者数据表格的形式记录在皮肤图片上拉伸控制的参数，比如；拉伸区域、拉伸比例。这个数据文件对于普通用户来说是很难看懂的，但是电脑程序可以识别，要将所属皮肤加载到用户界面时，由电脑程序读取数据文件获知皮肤图片在拉伸时如何处理。可以看到，数据文件的编写在皮肤设计中是绝对的核心操作，但是其编写的复杂程度可想而知，而且所编写的数据非常繁琐，导致容易出现错误，为皮肤设计带来了很大的难度。从另一方面考虑，如果用户希望通过自定义的方式来自己设计皮肤的拉伸控制，数据文件的编写这种过于专业性的操作，导致用户自定义模式基本上不可实现。因此需要提供一种方式，能使皮肤的拉伸控制设计变得简单高效，尤其是使数据文件的编写这种专业操作变得相对友好、直观，对于任何人而言，无论是普通用户还是专业设计人员都不需要专业技术就可以进行拉伸控制的设计。
技术实现思路
有鉴于此，本专利技术所要解决的技术问题是提供了，使得用于拉伸控制的可视化标识直接由图片携带，以此替代数据文件，极大地方便了使用。为了解决上述技术问题，本专利技术公开了，包括:在皮肤图片上通过用于标示拉伸位置的可视化标识绘制所述拉伸区域；监视到对所述皮肤图片存在拉伸需求时，识别所述皮肤图片的可视化标识从而获得拉伸区域，仅针对处于所述拉伸区域内的皮肤图片进行拉伸。进一步地，所述可视化标识，包括:沿所述背景图片的纵向延伸的一对或多对平行线和/或沿所述背景图片的横向延伸的一对或多对平行线。进一步地，所述平行线使用所述皮肤图片上所占用面积小于一阈值的颜色和/或透明度来标明，每对平行线之间使用不同的颜色和/或透明度来区别。进一步地，识别所述皮肤图片的可视化标识从而获得拉伸区域的步骤，包括:识别沿所述皮肤图片的纵向延伸的平行线，每对平行线之间相夹的部分为横向的拉伸区域；和/或，识别沿所述皮肤图片的横向延伸的平行线，每对平行线之间相夹的部分为纵向的拉伸区域。进一步地，仅针对处于所述拉伸区域内的皮肤图片进行拉伸的步骤，包括:当存在多个拉伸区域时，对各拉伸区域设置权重；监视到对所述皮肤图片存在拉伸需求时，针对权重给每个拉伸区域分配相应的拉伸比例,权重越高的拉伸区域,其分配的拉伸比例越大。进一步地，仅针对处于所述拉伸区域内的皮肤图片进行拉伸的步骤，包括:监视到对所述皮肤图片存在拉伸需求时，针对多个拉伸区域等比例分配拉伸尺寸。进一步地，仅针对处于所述拉伸区域内的皮肤图片进行拉伸的步骤，包括:处于所述拉伸区域外的皮肤图片保持不变。进一步地，还包括:所述平行线将所述皮肤图片划分为若干区域并依次编号，所述区域不包括所述平行线本身；依据所述编号的顺序将对应的区域内的皮肤图片的边界直接拼接，重新组合得到不包含所述平行线的皮肤图片并显示。与现有的方案相比，本专利技术所获得的技术效果:I)可视化标识直接由图片携带，以此替代数据文件，极大地方便了使用，而可视化标识作为一种信息可读性极强，对于用户容易识别，对于电脑程序识别也是非常方便的。2)标注绘制的操作本身相对编写数据文件更为简单，显示效果更为直观，用户可以轻松了解皮肤图片的拉伸布置。3)应用可视化标识直接在皮肤图片上进行标明，使得绘制拉伸区域变得简单直观，因此便于专业设计，有利于普通用户的自定义设计。4)通过分区域组合的皮肤图片的显示方式使得可视化标识不会显示出来，保证皮肤图片不会被破坏。5)使用多个拉伸区域，按其拉伸所产生的变形影响设置权重，分层次消化拉伸带来的图片变形，提升拉伸后的显示效果。6)使皮肤图片变形的节奏一致，这样图片整体变形效果均匀，拉伸后原图的美感的破坏相对较小。【附图说明】图1为本专利技术整体方案的方法流程图；图2为本专利技术显示皮肤图片的方法流程图；图3为本专利技术显示皮肤图片的操作示意图。【具体实施方式】以下将配合图式及实施例来详细说明本专利技术的实施方式，藉此对本专利技术如何应用技术手段来解决技术问题并达成技术功效的实现过程能充分理解并据以实施。本专利技术的核心构思在于:使用皮肤图片携带可视化标识，以此替代数据文件。所述可视化标识，包括:沿所述背景图片的纵向延伸的一对或多对平行线和/或沿所述背景图片的横向延伸的一对或多对平行线；所述平行线使用所述皮肤图片上所占用面积小于一阈值的颜色和/或透明度来标明，每对平行线之间使用不同的颜色和/或透明度来区别，优选采用皮肤图片上没有出现的颜色和/或透明度，即阈值取O。可视化标识更直观简单，对于电脑程序和普通用户来说都是可读的。以下以一实施例对本专利技术的整体方案进行说明。如图1所示，执行如下操作:步骤100，在皮肤图片上通过用于标示拉伸位置的可视化标识绘制拉伸区域；在实际使用中，可以使用色块、色条或者带有颜色的线段、带有透明度的条状、线段等来标出皮肤图片上的拉伸区域；标示拉伸位置一般可以通过标示拉伸区域的边界来实现。这里需要说明的是，可视化标识是使用可视化手段进行标注的标识。I)在极端情况下，可以肉眼不可读而电脑程序可读(用肉眼不可识别的色差或者透明度差别标识，或者肉眼不可识别的尺寸标出)，但是一般是用作特殊用途，但是标注绘制这个操作本身相对编写数据文件是非常简单直观；2)但是一般来说它对于肉眼和电脑程序都可读，这样不仅标注绘制这个操作本身相对编写数据文件是非常简单直观，显示效果上就更为直观了，用户可以轻松了解组件布局在皮肤上的反映。步骤200，监视到对所述皮肤图片存在拉伸需求时，识别所述皮肤图片的可视化标识从而获得拉伸区域，仅针对处于所述拉伸区域内的皮肤图片进行拉伸；I)识别所述皮肤图片的可视化标识从而获得拉伸区域因为拉伸区域一般是按横向和纵向分别标处，具体可以通过如下方式实现:识别沿所述皮肤图片的纵向延伸的平行线，每对平行线之间相夹的部分为横向的拉伸区域；和/或，识别沿所述皮肤图片的横向延伸的平行线，每对平行线之间相夹的部分为纵向的拉伸区域；2)仅针对处于所述拉伸区域内的皮肤图片进行拉伸监视到对所述皮肤图片存在横向的拉伸需求时，针对所述横向的拉伸区域内的皮肤图片进行横向拉伸，所述横向的拉伸区域外的皮肤图片保持不变，从而完成所述皮肤图片的横向拉伸；监视到对所述皮肤图片存在纵向的拉伸需求时，针对所述纵向的拉伸区域内的皮肤图片进行纵向拉伸，所述纵向的拉伸区域外的皮肤图片保持不变，从而完成所述皮肤图片的纵向拉伸；监视到对所述皮肤图片同时存在横向和纵向的拉伸需求时，可以先依上述方式进行纵向拉伸，再进行横向拉伸；也可以先依上述方式进行横向拉伸，再进行纵向拉伸。针对步骤200的中拉伸操作，还存在多种策略:I)分层次拉伸当存在多个拉伸区域时，对各拉伸区域设置权本文档来自技高网...

【技术保护点】
一种用户界面的拉伸控制的方法，其特征在于，包括：在皮肤图片上通过用于标示拉伸位置的可视化标识绘制所述拉伸区域；监视到对所述皮肤图片存在拉伸需求时，识别所述皮肤图片的可视化标识从而获得拉伸区域，仅针对处于所述拉伸区域内的皮肤图片进行拉伸。

【技术特征摘要】
1.一种用户界面的拉伸控制的方法，其特征在于，包括: 在皮肤图片上通过用于标示拉伸位置的可视化标识绘制所述拉伸区域； 监视到对所述皮肤图片存在拉伸需求时，识别所述皮肤图片的可视化标识从而获得拉伸区域，仅针对处于所述拉伸区域内的皮肤图片进行拉伸。2.如权利要求1所述的方法，其特征在于， 所述可视化标识，包括:沿所述背景图片的纵向延伸的一对或多对平行线和/或沿所述背景图片的横向延伸的一对或多对平行线。3.如权利要求2所述的方法，其特征在于， 所述平行线使用所述皮肤图片上所占用面积小于一阈值的颜色和/或透明度来标明，每对平行线之间使用不同的颜色和/或透明度来区别。4.如权利要求2所述的方法，其特征在于，识别所述皮肤图片的可视化标识从而获得拉伸区域的步骤，进一步包括: 识别沿所述皮肤图片的纵向延伸的平行线，每对平行线之间相夹的部分为横向的拉伸区域；和/或， 识别沿所述皮肤图片的横向延伸的平行线，每对平行线之间相夹的部分为纵向的拉...

【专利技术属性】
技术研发人员：万立新，田新超，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：北京;11