CN103885686A - 滑动控件及其显示方法 - Google Patents
滑动控件及其显示方法 Download PDFInfo
- Publication number
- CN103885686A CN103885686A CN201210566724.3A CN201210566724A CN103885686A CN 103885686 A CN103885686 A CN 103885686A CN 201210566724 A CN201210566724 A CN 201210566724A CN 103885686 A CN103885686 A CN 103885686A
- Authority
- CN
- China
- Prior art keywords
- slide plate
- slide bar
- described slide
- visual effect
- starting point
- 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.)
- Granted
Links
Images
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 true CN103885686A (zh) | 2014-06-25 |
| CN103885686B 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) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104077054A (zh) * | 2014-07-04 | 2014-10-01 | 北京奇虎科技有限公司 | 用户评分实现方法、用户评分客户端和电子设备 |
Citations (4)
| 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电子株式会社 | 一种移动终端及在其中滚动数据的方法 |
| CN101427207A (zh) * | 2004-03-19 | 2009-05-06 | 莱克斯马克国际公司 | 用于浏览数据的滚动条增强 |
| CN101796477A (zh) * | 2007-09-07 | 2010-08-04 | 国际商业机器公司 | 滚动条控制 |
-
2012
- 2012-12-24 CN CN201210566724.3A patent/CN103885686B/zh not_active Expired - Fee Related
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1218350A (zh) * | 1997-11-11 | 1999-06-02 | Lg电子株式会社 | 用于视频显示器的屏显菜单实现装置和方法 |
| CN101427207A (zh) * | 2004-03-19 | 2009-05-06 | 莱克斯马克国际公司 | 用于浏览数据的滚动条增强 |
| CN101261563A (zh) * | 2007-01-19 | 2008-09-10 | Lg电子株式会社 | 一种移动终端及在其中滚动数据的方法 |
| CN101796477A (zh) * | 2007-09-07 | 2010-08-04 | 国际商业机器公司 | 滚动条控制 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104077054A (zh) * | 2014-07-04 | 2014-10-01 | 北京奇虎科技有限公司 | 用户评分实现方法、用户评分客户端和电子设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103885686B (zh) | 2018-05-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103218195B (zh) | 应用程序的显示调整方法及装置 | |
| CN104020968B (zh) | 控制共享屏幕显示的方法及装置 | |
| CN103218156B (zh) | 实现多Tab页面切换的方法及其触摸式移动终端 | |
| CN103294362A (zh) | 用于移动设备的屏幕显示控制方法、装置和移动设备 | |
| US20150067573A1 (en) | Method for displaying keypad for smart devices | |
| CN104965631A (zh) | 桌面配色方法、装置及智能终端 | |
| JP5651773B2 (ja) | 文字表示方法及び装置 | |
| CN106055191A (zh) | 终端设备及其界面显示方法 | |
| CN103914204A (zh) | 一种用于视图显示和切换的方法和装置 | |
| CN104469465A (zh) | 基于安卓系统的智能电视悬浮主场景交互方法 | |
| CN104536650A (zh) | 一种基于ios系统的视差翻页人机交互方法 | |
| CN104462516A (zh) | 一种信息提示方法及移动终端 | |
| CN104795054A (zh) | 一种亮度自动调节方法及系统 | |
| CN107977204A (zh) | 一种列表滑动的处理方法 | |
| CN102479176A (zh) | 电子阅读器的快速逼近排版方法和装置 | |
| CN108197153B (zh) | 基于滚动条定位的快速渲染表格数据的方法 | |
| CN103543922A (zh) | 一种焦点移动方法、系统及智能设备 | |
| CN103268189B (zh) | 一种播放器用户界面的滚动条的实现方法和系统 | |
| CN103246502B (zh) | 一种弹出式窗口的实现方法和系统 | |
| CN103136169A (zh) | 一种显示文字的方法及装置 | |
| CN107566875A (zh) | 一种在智能机顶盒上ui灵活配置、动态更新的方法 | |
| CN103885686A (zh) | 滑动控件及其显示方法 | |
| CN103237135A (zh) | 一种手机十字滑屏操作方法 | |
| CN105631008A (zh) | 网页的显示方法和系统 | |
| CN108664309B (zh) | 一种基于Android终端的长数据展示方法及系统 |
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 |
Granted publication date: 20180518 Termination date: 20191224 |
|
| CF01 | Termination of patent right due to non-payment of annual fee |