滑动控件及其显示方法
【专利摘要】本发明提供了一种滑动控件的显示方法，滑动控件包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点；本方法包括：将第一段显示为第一视觉效果，将第二段显示为与第一视觉效果不相同的第二视觉效果。本发明还提供了一种滑动控件，包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点，第一段具有第一视觉效果，第二段具有与第一视觉效果不相同的第二视觉效果。本发明可以更直观地表现值的变化。
【专利说明】滑动控件及其显示方法
【技术领域】
[0001]本发明涉及图形界面领域，具体而言，涉及滑动控件及其显示方法。
【背景技术】
[0002]当前的滑动控件的展现有以下特点:滑动控件滑动时，滑片和滑竿都没有变化。在当前滑动控件的展现中，当滑片滑动时，只有滑片的位置发生变化，没有其他能明显地看出滑动控件发生变化的地方。
【发明内容】
[0003]本发明旨在提供滑动控件及其显示方法，以解决上述的问题。
[0004]在本发明的实施例中，提供了一种滑动控件的显示方法，滑动控件包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点；本方法包括:将第一段显示为第一视觉效果，将第二段显示为与第一视觉效果不相同的第二视觉效果。
[0005]在本发明的实施例中，提供了一种滑动控件，包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点，第一段具有第一视觉效果，第二段具有与第一视觉效果不相同的第二视觉效果。
[0006]本发明上述实施例的滑动控件及其显示方法对滑杆的位于滑片两边的两段设置不同的视觉效果，从而可以更直观地表现值的变化。
【专利附图】
【附图说明】
[0007]此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中:
[0008]图1-3示出了根据本发明实施例的横向滑动控件的滑杆随滑片滑动而发生动态变化的示意图；
[0009]图4-6示出了根据本发明实施例的纵向滑动控件的滑杆随滑片滑动而发生动态变化的示意图。
【具体实施方式】
[0010]下面将参考附图并结合实施例，来详细说明本发明。
[0011]图1-3示出了根据本发明实施例的横向滑动控件的滑杆随滑片滑动而发生动态变化的示意图；图4-6示出了根据本发明实施例的纵向滑动控件的滑杆随滑片滑动而发生动态变化的示意图。
[0012]如图所示，滑动控件包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点；本方法包括:将第一段显示为第一视觉效果，将第二段显示为与第一视觉效果不相同的第二视觉效果。[0013]本方法对滑杆的位于滑片两边的两段设置不同的视觉效果，从而可以更直观地表现值的变化。
[0014]优选地，本方法还包括:当滑片沿着滑杆从起点向终点移动时，将第一段中由于滑片的移动而新增的部分从原先的第二视觉效果转换为第一视觉效果；当滑片沿着滑杆从终点向起点移动时，将第二段中由于滑片的移动而新增的部分从原先的第一视觉效果转换为第二视觉效果。例如，第一段为蓝色(由于印刷出版的缘故，图1-图6的蓝色显示为黑色)，第二段为白色，随时滑杆从起点向终点滑动，原来是白色的滑杆段就变成了蓝色。还可以设置成动态效果，例如随着滑片的位置越靠近终点，使第一段的颜色变得越深。
[0015]又例如，可以将第一段设置为较粗，而第二段设置为较细。还可以设置成动态效果，例如随着滑片的位置越靠近终点，使第一段的形状变得越粗。
[0016]优选地，当滑片沿着滑杆从起点向终点移动时，滑杆从第三视觉效果向第四视觉效果渐变；当滑片沿着滑杆从终点向起点移动时，滑杆从第四视觉效果向第三视觉效果渐变。
[0017]优选地，当滑片沿着滑杆从起点向终点移动时，滑片从第五视觉效果向第六视觉效果渐变；当滑片沿着滑杆从终点向起点移动时，滑片从第六视觉效果向第五视觉效果渐变。
[0018]如图1-图6所示，滑动控件的滑片或滑杆随滑片滑动动态发生变化的说明如下:
[0019](I)当滑动控件的滑片滑动时，改变滑片。例如水平的滑动控件，随着滑片向右滑动，滑动控件的值增大，滑片的宽度也按照某种与值的比例进行增大，反之，滑片的宽度也按照某种与值的比例进行缩小。
[0020](2)当滑动控件的滑片滑动时，改变滑竿。例如垂直的滑动控件，随着滑片向上滑动，滑动控件的值减小，滑竿的宽度也按照某种与值的比例进行减小，反之，滑竿的宽度也按照某种与值的比例进行缩小。
[0021]优选地，各种视觉效果的区别在于颜色和/或形状。
[0022]从以上描述可以看出，本发明提供了丰富滑动控件的展现的方法，解决了现有滑动控件展现效果不丰富、不直观、不吸引人的弊端。该方法通过在滑动滑片的过程中，改变滑竿或滑片来更直观地表现值的变化。
[0023]显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
[0024]以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种滑动控件的显示方法，其特征在于，所述滑动控件包括滑杆和居于所述滑杆上的滑片，所述滑杆包括第一段和第二段，所述第一段为从所述滑杆的起点到所述滑片，所述第二段为从所述滑片到所述滑杆的终点；所述方法包括: 将所述第一段显示为第一视觉效果，将所述第二段显示为与所述第一视觉效果不相同的第二视觉效果。
2.根据权利要求1所述的方法，其特征在于，还包括: 当所述滑片沿着所述滑杆从所述起点向所述终点移动时，将所述第一段中由于所述滑片的移动而新增的部分从原先的所述第二视觉效果转换为所述第一视觉效果； 当所述滑片沿着所述滑杆从所述终点向所述起点移动时，将所述第二段中由于所述滑片的移动而新增的部分从原先的所述第一视觉效果转换为所述第二视觉效果。
3.根据权利要求1所述的方法，其特征在于，还包括: 当所述滑片沿着所述滑杆从所述起点向所述终点移动时，所述滑杆从第三视觉效果向第四视觉效果渐变； 当所述滑片沿着所述滑杆从所述终点向所述起点移动时，所述滑杆从所述第四视觉效果向所述第三视觉效果渐变。
4.根据权利要求1所述的方法，其特征在于，还包括: 当所述滑片沿着所述滑杆从所述起点向所述终点移动时，所述滑片从第五视觉效果向第六视觉效果渐变； 当所述滑片沿着所述滑杆从所述终点向所述起点移动时，所述滑片从所述第六视觉效果向所述第五视觉效果渐变。
5.根据权利要求1-4任一项所述的方法，其特征在于，各种所述视觉效果的区别在于颜色和/或形状。
6.一种滑动控件，其特征在于，包括:滑杆和居于所述滑杆上的滑片，所述滑杆包括第一段和第二段，所述第一段为从所述滑杆的起点到所述滑片，所述第二段为从所述滑片到所述滑杆的终点，所述第一段具有第一视觉效果，所述第二段具有与所述第一视觉效果不相同的第二视觉效果。
7.根据权利要求6所述的滑动控件，其特征在于，当所述滑片沿着所述滑杆从所述起点向所述终点移动时，将所述第一段中由于所述滑片的移动而新增的部分从原先的所述第二视觉效果转换为所述第一视觉效果；当所述滑片沿着所述滑杆从所述终点向所述起点移动时，将所述第二段中由于所述滑片的移动而新增的部分从原先的所述第一视觉效果转换为所述第二视觉效果。
8.根据权利要求6所述的滑动控件，其特征在于，当所述滑片沿着所述滑杆从所述起点向所述终点移动时，所述滑杆从第三视觉效果向第四视觉效果渐变；当所述滑片沿着所述滑杆从所述终点向所述起点移动时，所述滑杆从所述第四视觉效果向所述第三视觉效果渐变。
9.根据权利要求6所述的滑动控件，其特征在于，当所述滑片沿着所述滑杆从所述起点向所述终点移动时，所述滑片从第五视觉效果向第六视觉效果渐变；当所述滑片沿着所述滑杆从所述终点向所述起点移动时，所述滑片从所述第六视觉效果向所述第五视觉效果渐变。
10.根据权利要求6-9任一项所述的滑动控件，其特征在于，各种所述视觉效果的区别在于颜色和/或 形状。
【文档编号】G06F3/0484GK103885686SQ201210566724
【公开日】2014年6月25日 申请日期:2012年12月24日 优先权日:2012年12月24日
【发明者】曹振川 申请人:北大方正集团有限公司, 北京北大方正电子有限公司