CN103885686B - 滑动控件及其显示方法 - Google Patents
滑动控件及其显示方法 Download PDFInfo
- Publication number
- CN103885686B CN103885686B CN201210566724.3A CN201210566724A CN103885686B CN 103885686 B CN103885686 B CN 103885686B CN 201210566724 A CN201210566724 A CN 201210566724A CN 103885686 B CN103885686 B CN 103885686B
- Authority
- CN
- China
- Prior art keywords
- slide bar
- slide plate
- segment
- visual effect
- slide
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种滑动控件的显示方法，滑动控件包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点；本方法包括：将第一段显示为第一视觉效果，将第二段显示为与第一视觉效果不相同的第二视觉效果。本发明还提供了一种滑动控件，包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点，第一段具有第一视觉效果，第二段具有与第一视觉效果不相同的第二视觉效果。本发明可以更直观地表现值的变化。
Description
技术领域
本发明涉及图形界面领域，具体而言，涉及滑动控件及其显示方法。
背景技术
当前的滑动控件的展现有以下特点：滑动控件滑动时，滑片和滑竿都没有变化。在当前滑动控件的展现中，当滑片滑动时，只有滑片的位置发生变化，没有其他能明显地看出滑动控件发生变化的地方。
发明内容
本发明旨在提供滑动控件及其显示方法，以解决上述的问题。
在本发明的实施例中，提供了一种滑动控件的显示方法，滑动控件包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点；本方法包括：将第一段显示为第一视觉效果，将第二段显示为与第一视觉效果不相同的第二视觉效果。
在本发明的实施例中，提供了一种滑动控件，包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点，第一段具有第一视觉效果，第二段具有与第一视觉效果不相同的第二视觉效果。
本发明上述实施例的滑动控件及其显示方法对滑杆的位于滑片两边的两段设置不同的视觉效果，从而可以更直观地表现值的变化。
附图说明
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
图1-3示出了根据本发明实施例的横向滑动控件的滑杆随滑片滑动而发生动态变化的示意图；
图4-6示出了根据本发明实施例的纵向滑动控件的滑杆随滑片滑动而发生动态变化的示意图。
具体实施方式
下面将参考附图并结合实施例，来详细说明本发明。
图1-3示出了根据本发明实施例的横向滑动控件的滑杆随滑片滑动而发生动态变化的示意图；图4-6示出了根据本发明实施例的纵向滑动控件的滑杆随滑片滑动而发生动态变化的示意图。
如图所示，滑动控件包括滑杆和居于滑杆上的滑片，滑杆包括第一段和第二段，第一段为从滑杆的起点到滑片，第二段为从滑片到滑杆的终点；本方法包括：将第一段显示为第一视觉效果，将第二段显示为与第一视觉效果不相同的第二视觉效果。
本方法对滑杆的位于滑片两边的两段设置不同的视觉效果，从而可以更直观地表现值的变化。
优选地，本方法还包括：当滑片沿着滑杆从起点向终点移动时，将第一段中由于滑片的移动而新增的部分从原先的第二视觉效果转换为第一视觉效果；当滑片沿着滑杆从终点向起点移动时，将第二段中由于滑片的移动而新增的部分从原先的第一视觉效果转换为第二视觉效果。例如，第一段为蓝色(由于印刷出版的缘故，图1-图6的蓝色显示为黑色)，第二段为白色，随时滑杆从起点向终点滑动，原来是白色的滑杆段就变成了蓝色。还可以设置成动态效果，例如随着滑片的位置越靠近终点，使第一段的颜色变得越深。
又例如，可以将第一段设置为较粗，而第二段设置为较细。还可以设置成动态效果，例如随着滑片的位置越靠近终点，使第一段的形状变得越粗。
优选地，当滑片沿着滑杆从起点向终点移动时，滑杆从第三视觉效果向第四视觉效果渐变；当滑片沿着滑杆从终点向起点移动时，滑杆从第四视觉效果向第三视觉效果渐变。
优选地，当滑片沿着滑杆从起点向终点移动时，滑片从第五视觉效果向第六视觉效果渐变；当滑片沿着滑杆从终点向起点移动时，滑片从第六视觉效果向第五视觉效果渐变。
如图1-图6所示，滑动控件的滑片或滑杆随滑片滑动动态发生变化的说明如下：
(1)当滑动控件的滑片滑动时，改变滑片。例如水平的滑动控件，随着滑片向右滑动，滑动控件的值增大，滑片的宽度也按照某种与值的比例进行增大，反之，滑片的宽度也按照某种与值的比例进行缩小。
(2)当滑动控件的滑片滑动时，改变滑竿。例如垂直的滑动控件，随着滑片向上滑动，滑动控件的值减小，滑竿的宽度也按照某种与值的比例进行减小，反之，滑竿的宽度也按照某种与值的比例进行缩小。
优选地，各种视觉效果的区别在于颜色和/或形状。
从以上描述可以看出，本发明提供了丰富滑动控件的展现的方法，解决了现有滑动控件展现效果不丰富、不直观、不吸引人的弊端。该方法通过在滑动滑片的过程中，改变滑竿或滑片来更直观地表现值的变化。
显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
Claims (10)
1.一种滑动控件的显示方法，其特征在于，所述滑动控件包括滑杆和居于所述滑杆上的滑片，所述滑杆包括第一段和第二段，所述第一段为从所述滑杆的起点到所述滑片，所述第二段为从所述滑片到所述滑杆的终点；所述方法包括：
将所述第一段显示为第一视觉效果，将所述第二段显示为与所述第一视觉效果不相同的第二视觉效果；以及，
随着滑片的位置越靠近终点，第一段的颜色动态加深并且形状动态变化。
2.根据权利要求1所述的方法，其特征在于，还包括：
当所述滑片沿着所述滑杆从所述起点向所述终点移动时，将所述第一段中由于所述滑片的移动而新增的部分从原先的所述第二视觉效果转换为所述第一视觉效果；
当所述滑片沿着所述滑杆从所述终点向所述起点移动时，将所述第二段中由于所述滑片的移动而新增的部分从原先的所述第一视觉效果转换为所述第二视觉效果。
3.根据权利要求1所述的方法，其特征在于，还包括：
当所述滑片沿着所述滑杆从所述起点向所述终点移动时，所述滑杆从第三视觉效果向第四视觉效果渐变；
当所述滑片沿着所述滑杆从所述终点向所述起点移动时，所述滑杆从所述第四视觉效果向所述第三视觉效果渐变。
4.根据权利要求1所述的方法，其特征在于，还包括：
当所述滑片沿着所述滑杆从所述起点向所述终点移动时，所述滑片从第五视觉效果向第六视觉效果渐变；
当所述滑片沿着所述滑杆从所述终点向所述起点移动时，所述滑片从所述第六视觉效果向所述第五视觉效果渐变。
5.根据权利要求1-4任一项所述的方法，其特征在于，第一视觉效果和第二视觉效果的区别在于颜色和形状，除第一视觉效果和第二视觉效果之外的其它视觉效果的区别在于颜色和/或形状。
6.一种滑动控件，其特征在于，包括：滑杆和居于所述滑杆上的滑片，所述滑杆包括第一段和第二段，所述第一段为从所述滑杆的起点到所述滑片，所述第二段为从所述滑片到所述滑杆的终点，所述第一段具有第一视觉效果，所述第二段具有与所述第一视觉效果不相同的第二视觉效果；以及，随着滑片的位置越靠近终点，第一段的颜色动态加深并且形状动态变化。
7.根据权利要求6所述的滑动控件，其特征在于，当所述滑片沿着所述滑杆从所述起点向所述终点移动时，将所述第一段中由于所述滑片的移动而新增的部分从原先的所述第二视觉效果转换为所述第一视觉效果；当所述滑片沿着所述滑杆从所述终点向所述起点移动时，将所述第二段中由于所述滑片的移动而新增的部分从原先的所述第一视觉效果转换为所述第二视觉效果。
8.根据权利要求6所述的滑动控件，其特征在于，当所述滑片沿着所述滑杆从所述起点向所述终点移动时，所述滑杆从第三视觉效果向第四视觉效果渐变；当所述滑片沿着所述滑杆从所述终点向所述起点移动时，所述滑杆从所述第四视觉效果向所述第三视觉效果渐变。
9.根据权利要求6所述的滑动控件，其特征在于，当所述滑片沿着所述滑杆从所述起点向所述终点移动时，所述滑片从第五视觉效果向第六视觉效果渐变；当所述滑片沿着所述滑杆从所述终点向所述起点移动时，所述滑片从所述第六视觉效果向所述第五视觉效果渐变。
10.根据权利要求6-9任一项所述的滑动控件，其特征在于，第一视觉效果和第二视觉效果的区别在于颜色和形状，除第一视觉效果和第二视觉效果之外的其它视觉效果的区别在于颜色和/或形状。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210566724.3A CN103885686B (zh) | 2012-12-24 | 2012-12-24 | 滑动控件及其显示方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210566724.3A CN103885686B (zh) | 2012-12-24 | 2012-12-24 | 滑动控件及其显示方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103885686A CN103885686A (zh) | 2014-06-25 |
| CN103885686B true CN103885686B (zh) | 2018-05-18 |
Family
ID=50954611
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210566724.3A Expired - Fee Related CN103885686B (zh) | 2012-12-24 | 2012-12-24 | 滑动控件及其显示方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103885686B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104077054B (zh) * | 2014-07-04 | 2019-02-26 | 北京奇虎科技有限公司 | 用户评分实现方法、用户评分客户端和电子设备 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1218350A (zh) * | 1997-11-11 | 1999-06-02 | Lg电子株式会社 | 用于视频显示器的屏显菜单实现装置和方法 |
| CN101261563A (zh) * | 2007-01-19 | 2008-09-10 | Lg电子株式会社 | 一种移动终端及在其中滚动数据的方法 |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7328411B2 (en) * | 2004-03-19 | 2008-02-05 | Lexmark International, Inc. | Scrollbar enhancement for browsing data |
| JP5827468B2 (ja) * | 2007-09-07 | 2015-12-02 | インターナショナル・ビジネス・マシーンズ・コーポレーションＩｎｔｅｒｎａｔｉｏｎａｌ Ｂｕｓｉｎｅｓｓ Ｍａｃｈｉｎｅｓ Ｃｏｒｐｏｒａｔｉｏｎ | スクロール・バー・コントロール |
-
2012
- 2012-12-24 CN CN201210566724.3A patent/CN103885686B/zh not_active Expired - Fee Related
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1218350A (zh) * | 1997-11-11 | 1999-06-02 | Lg电子株式会社 | 用于视频显示器的屏显菜单实现装置和方法 |
| CN101261563A (zh) * | 2007-01-19 | 2008-09-10 | Lg电子株式会社 | 一种移动终端及在其中滚动数据的方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103885686A (zh) | 2014-06-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103218195B (zh) | 应用程序的显示调整方法及装置 | |
| CN104020968B (zh) | 控制共享屏幕显示的方法及装置 | |
| EP2799972A3 (en) | Mobile terminal capable of dividing a screen and a method of controlling the mobile terminal | |
| CN102662599B (zh) | 一种Android触屏手机的桌面排布的切换方法 | |
| CN105842864B (zh) | 一种薄型光栅3d显示器 | |
| CN104602126A (zh) | 一种信息处理方法及电子设备 | |
| CN208207667U (zh) | 一种可作为其他电脑的显示器使用的一体机 | |
| CN105929951A (zh) | 一种屏幕显示方法及装置 | |
| RU2013127504A (ru) | Устройство отображения, способ для пользовательского интерфейса и программа | |
| CN104360751A (zh) | 一种实现智能控制的方法和设备 | |
| CN106155453B (zh) | 一种目标对象的属性调整方法及装置 | |
| CN103885686B (zh) | 滑动控件及其显示方法 | |
| WO2013145861A1 (ja) | 画像処理装置、画像処理方法およびプログラム | |
| CN208566061U (zh) | 一种动态平面成像系统 | |
| CN103268189B (zh) | 一种播放器用户界面的滚动条的实现方法和系统 | |
| CN106126037A (zh) | 一种虚拟现实交互界面的切换方法和装置 | |
| CN105791945A (zh) | 一种焦点显示方法及装置 | |
| CN105404485A (zh) | 移动终端控制自由立体显示终端同步显示内容的方法及系统 | |
| CN202815324U (zh) | 一种提高可视角度的裸眼立体显示器 | |
| CN204793796U (zh) | 电气开关设备总成及电气开关设备 | |
| CN105100853B (zh) | 一种虚拟键盘字符排列的方法及装置 | |
| DE112019007583T5 (de) | Ein Anzeigegerät und Verfahren zu deren Betrieb | |
| DE102013105784A1 (de) | Endgerät und Steuerverfahren dafür | |
| CN102781135A (zh) | 调色盘编码方法与系统 | |
| CN104144336B (zh) | 一种多视点立体显示器的图像显示方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20180518 Termination date: 20191224 |