CN101470567A - 一种具有可标记滚动条的用户界面及其实现方法 - Google Patents
一种具有可标记滚动条的用户界面及其实现方法 Download PDFInfo
- Publication number
- CN101470567A CN101470567A CNA200710125497XA CN200710125497A CN101470567A CN 101470567 A CN101470567 A CN 101470567A CN A200710125497X A CNA200710125497X A CN A200710125497XA CN 200710125497 A CN200710125497 A CN 200710125497A CN 101470567 A CN101470567 A CN 101470567A
- Authority
- CN
- China
- Prior art keywords
- mark
- rolling
- user interface
- module
- scroll
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims description 32
- 238000005096 rolling process Methods 0.000 claims description 137
- 239000003550 marker Substances 0.000 claims description 15
- 238000010586 diagram Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000001052 transient effect Effects 0.000 description 2
- 230000002950 deficient Effects 0.000 description 1
- 230000009977 dual effect Effects 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种具有可标记滚动条的用户界面,包括导轨、可沿导轨移动的滚动块、滚动标记设置模块、滚动标记存储模块、滚动标记显示模块、滚动标记对应内容显示模块;滚动标记设置模块用于在导轨上设置滚动标记,并将滚动标记在导轨上的位置信息传输到滚动标记存储模块;滚动标记存储模块用于存储滚动标记在导轨上的位置信息;滚动标记显示模块用于根据所述滚动标记存储模块中的滚动标记位置信息在所述导轨上显示滚动标记;滚动标记对应内容显示模块用于在滚动标记被选中时,在用户界面中显示滚动块在所述滚动标记位置时的内容。本发明能在浏览的同时,简单快速的记录浏览位置,对该位置的显示更直观,能够迅速的回退到记录过的位置进行浏览。
Description
技术领域
本发明涉及浏览显示领域,更确切的说,涉及一种一种具有可标记滚动条的用户界面及其实现方法。
背景技术
传统的用户界面,常使用滚动条作为图形界面控件。在各种应用软件的界面中,滚动条被广泛使用,主要用于滚动浏览实际内容超过显示面积的文档、图片等文件。
传统的用户界面中的滚动条由一滚动块和一导轨条(横向或者纵向)组成,只具有滚动显示的功能。
在浏览的过程中,常常需要返回某个位置重新进行浏览,现有技术中实现返回功能常用的方法有如下两种:一、记住浏览处的行号,通过行号定位返回该处;二、在该浏览处设置一个标签,通过查找标签定位返回该处。
这两种方法都是通过记录浏览内容的位置的方法进行返回,存在以下的缺点:
首先,都必须通过菜单操作或者快捷键来记录位置,无法在浏览的同时,简单快捷的记录下来。
其次,通过这两种方式记录的位置都不能直观的被浏览者看到,不能在浏览过程中方便的返回到某一次记录的位置上。
发明内容
本发明要解决的技术问题在于,针对上述现有技术的用户界面中滚动条记录浏览位置不方便直观的缺陷,提供一种具有可标记滚动条的用户界面,能快速直观记录浏览位置。
本发明解决上述技术问题的技术方案是,提供一种具有可标记滚动条的用户界面,包括导轨和可沿导轨移动的滚动块,还包括:滚动标记设置模块、滚动标记存储模块、滚动标记显示模块、滚动标记对应内容显示模块;
所述滚动标记设置模块,用于在导轨上设置滚动标记,并将滚动标记在导轨上的位置信息传输到滚动标记存储模块;
所述滚动标记存储模块,用于存储滚动标记在导轨上的位置信息;
所述滚动标记显示模块,用于根据所述滚动标记存储模块中的滚动标记位置信息在所述导轨上显示滚动标记;
所述滚动标记对应内容显示模块,用于在所述显示的滚动标记被选中时,在用户界面中显示滚动块在所述滚动标记位置时的内容。
在本发明所述的具有可标记滚动条的用户界面中,所述滚动标记包括一个或多个。
在本发明所述的具有可标记滚动条的用户界面中,所述用户界面还包括滚动标记取消模块,用于取消已设置的滚动标记,并将所述滚动标记在导轨上的位置信息从滚动标记存储模块中清除。
在本发明所述的具有可标记滚动条的用户界面中,通过双击所述滚动块启动所述滚动标记设置模块,滚动标记设置模块即在滚动块所处导轨位置处生成一固定的滚动标记。
本发明还提供一种滚动条可标记的用户界面的实现方法,包括如下操作步骤:
a、根据接收到的指令在导轨上设置并存储滚动标记;
b、显示存储的滚动标记;
c、在所述显示的滚动标记被选中时,在用户界面中显示滚动块在所述滚动标记位置时的内容。
在本发明所述的滚动条可标记的用户界面的实现方法中,所述设置滚动标记的方法为双击对应浏览内容的导轨上的滚动块。
在本发明所述的滚动条可标记的用户界面的实现方法中,所述滚动标记被选中的操作方法包括点击滚动标记或将光标移动到滚动标记上。
在本发明所述的滚动条可标记的用户界面的实现方法中,所述步骤c包括子步骤:
c1、判断用户是否是点击滚动标记,若是,则执行步骤c2,若否,则执行步骤c3;
c2、滚动块回滚到滚动标记处,用户界面中显示滚动标记处对应的内容;
c3、判断用户光标是否移动到滚动标记上,若是,则执行步骤c4;
c4、用户界面中临时显示滚动标记处内容,滚动块不回滚,然后执行c5;
c5、判断光标是否从滚动标记上移走,若是,则用户界面中显示滚动块所处位置的内容。
在本发明所述的滚动条可标记的用户界面的实现方法中,所述步骤c之后包括步骤:
d、判断用户是否执行取消滚动标记的操作,若是,则执行步骤e;
e、清除导轨上的该滚动标记。
在本发明所述的滚动条可标记的用户界面的实现方法中,所述取消滚动标记的方法为鼠标右键双击该滚动标记。
采用本发明所述的具有可标记滚动条的用户界面,除了提供一般的滚动浏览功能,还能在浏览的同时,简单快速的记录浏览位置,对该位置的显示更直观,能够迅速的回退到记录过的位置进行浏览。
附图说明
下面将结合附图及实施例对本发明作进一步说明,附图中:
图1是本发明的具有可标记滚动条的用户界面模块图;
图2至图7是本发明的具有可标记滚动条的用户界面视图;
图8是本发明的具有可标记滚动条的用户界面的实现方法的流程图;
图9是本发明的具有可标记滚动条的用户界面的实现方法的最佳实施例的流程图。
具体实施方式
如图1所示,在本发明的具有可标记滚动条的用户界面的结构图中,包括滚动块11、导轨12和滚动标记设置模块31、滚动标记存储模块32、滚动标记显示模块33、滚动标记操作模块34。
和现有的用户界面一样,本发明中包括控制模块10、滚动块11、导轨12和客户区14。其中控制模块10用于控制整个用户界面,客户区14用于显示浏览内容,滚动块11用于显示某一内容在整个浏览内容中的位置,导轨12用于限定滚动块11的滚动区域。
滚动标记13固定在导轨12上某处标记某内容的对应位置,其中,滚动标记设置模块31用于在滚动块11所处的导轨12的位置处生成滚动标记13,并将滚动标记13的相关信息传输至控制模块10,可以双击滚动块11启动滚动标记设置模块31,也可以定义其他操作方式启动滚动标记设置模块31;滚动标记存储模块32用于存储从所控制模块10传输来的滚动标记13的相关信息;滚动标记显示模块33用于根据所述滚动标记存储模块32中的滚动标记信息在所述导轨12上显示滚动标记13;滚动标记操作模块34用于查找到滚动标记13对应的内容并显示在所述客户区14。
如图2所示,在本发明的具有可标记滚动条的用户界面视图中,滚动条和传统滚动条在外观上相同,包括滚动块11、导轨12和客户区13,滚动块11可以沿导轨12移动,同时也保留传统滚动条具有的各种功能。
用户浏览到内容A处时,觉得该内容需要作标记,则可以在该处的导轨12上设置一个对应内容A的滚动标记13,该滚动标记13固定在导轨上,如图3所示。
在用户浏览过程中,可以在导轨上设置多个滚动标记。
用户继续浏览到内容B处,如图4所示,滚动块11沿导轨12移动到对应内容B的位置,滚动标记13仍在导轨12上对应内容A的位置。
用户浏览到内容B处时,想回退到内容A处重新浏览,可以点击滚动标记13,这时滚动条11回滚到内容A处,浏览内容A,如图3所示。
用户浏览到内容B处时,若只想回看一下内容A,可以把光标移动到滚动标记13上,此时滚动条11不会回滚,用户界面临时显示内容A,如图5所示;当光标从滚动标记13上移走时,用户界面又恢复显示内容B,如图4所示。
用户浏览到内容B处时,觉得该内容需要作标记,则可以在该处的导轨12上设置一个对应内容B的滚动标记13,该滚动标记13固定在导轨上,如图6所示。设置滚动标记13可以通过双击滚动块实现,或通过系统定义的其他操作方式实现。
用户继续浏览到内容C处,如图7所示,滚动块11沿导轨12移动到对应内容C的位置,两个滚动标记13在导轨12上,分别对应内容A的位置和对应内容B的位置。用户可以通过对两个滚动标记13进行操作,回退到内容A或内容B。
如图8所示,在本发明的具有可标记滚动条的用户界面的实现方法流程图中,包括如下步骤:
步骤S11:根据接收到的指令在导轨上设置滚动标已,并存储滚动标记。
步骤S12:显示存储的滚动标记。滚动标记固定在导轨上的某个位置。
步骤S13:滚动块回滚到滚动标记被选中时处,在用户界面中显示滚动块在所述滚动标记位置时滚动标记处对应的内容。系统默认的选中滚动标记的重新从滚动标记处浏览的操作方式是点击滚动标记或将光标移动到滚动标记上,。此时滚动块回滚。也可以设置其他的操作方式,并相应的修改步骤S12的判断条件。
如图9所示,在本发明的具有可标记滚动条的用户界面的实现方法的最佳实施例中,包括如下步骤:
步骤S21:根据接收到的指令在导轨上设置滚动标记,并存储滚动标记。
步骤S22:显示存储的滚动标记。滚动标记固定在导轨上的某个位置。
步骤S23:判断是否点击滚动标记,若是,则执行步骤S24,若否,则执行步骤S25。
步骤S24:滚动块回滚到滚动标记所在的位置,用户界面中显示此时滚动块处对应的内容,然后执行步骤S29。
步骤S25:判断光标是否移动到滚动标记上,若是,则执行步骤S26,若否,则执行步骤S29。
步骤S26:滚动块不回滚,用户界面中临时显示滚动块在滚动标记处的内容。系统默认的暂时回显滚动标记处的内容的方式是将光标移动到滚动标记上,此时滚动块不回滚。也可以设置其他的操作方式,并相应的修改步骤S25的判断条件。
步骤S27:判断光标是否从滚动标记上移走,若是,则执行步骤S28,若否,则执行步骤S26。
步骤S28:用户界面中显示滚动块所在位置处的内容。用户浏览完毕暂时回显滚动标记处的内容后,只需要移开鼠标,即会显示当前滚动块所对应的内容。
步骤S29:判断是否接收到取消滚动标记的指令,若是,则执行步骤S30。用户可以取消已设置的某个滚动标记。默认的取消滚动标记的操作是鼠标右键双击滚动标记。
步骤S30:清除导轨上的该滚动标记。
以上所述,仅为本发明较佳的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应该以权利要求的保护范围为准。
Claims (10)
1、一种具有可标记滚动条的用户界面,包括导轨和可沿导轨移动的滚动块,其特征在于,还包括:滚动标记设置模块、滚动标记存储模块、滚动标记显示模块、滚动标记对应内容显示模块;
所述滚动标记设置模块,用于在导轨上设置滚动标记,并将滚动标记在导轨上的位置信息传输到滚动标记存储模块;
所述滚动标记存储模块,用于存储滚动标记在导轨上的位置信息;
所述滚动标记显示模块,用于根据所述滚动标记存储模块中的滚动标记位置信息在所述导轨上显示滚动标记;
所述滚动标记对应内容显示模块,用于在所述显示的滚动标记被选中时,在用户界面中显示滚动块在所述滚动标记位置时的内容。
2、根据权利要求1所述的具有可标记滚动条的用户界面,其特征在于,所述滚动标记包括一个或多个。
3、根据权利要求2所述的具有可标记滚动条的用户界面,其特征在于,所述用户界面还包括滚动标记取消模块,用于取消已设置的滚动标记,并将所述滚动标记在导轨上的位置信息从滚动标记存储模块中清除。
4、根据权利要求3所述的具有可标记滚动条的用户界面,其特征在于,通过双击所述滚动块启动所述滚动标记设置模块,滚动标记设置模块即在滚动块所处导轨位置处生成一固定的滚动标记。
5、一种滚动条可标记的用户界面的实现方法,其特征在于,包括如下操作步骤:
a、根据接收到的指令在导轨上设置并存储滚动标记;
b、显示存储的滚动标记;
c、在所述显示的滚动标记被选中时,在用户界面中显示滚动块在所述滚动标记位置时的内容。
6、根据权利要求5所述的滚动条可标记的用户界面的实现方法,其特征在于,所述设置滚动标记的方法为双击对应浏览内容的导轨上的滚动块。
7、根据权利要求5所述的滚动条可标记的用户界面的实现方法,其特征在于,所述滚动标记被选中的操作方法包括点击滚动标记或将光标移动到滚动标记上。
8、根据权利要求7所述的滚动条可标记的用户界面的实现方法,其特征在于,所述步骤c包括子步骤:
c1、判断用户是否是点击滚动标记,若是,则执行步骤c2,若否,则执行步骤c3;
c2、滚动块回滚到滚动标记处,用户界面中显示滚动标记处对应的内容;
c3、判断用户光标是否移动到滚动标记上,若是,则执行步骤c4;
c4、用户界面中临时显示滚动标记处内容,滚动块不回滚,然后执行c5;
c5、判断光标是否从滚动标记上移走,若是,则用户界面中显示滚动块所处位置的内容。
9、根据权利要求7所述的滚动条可标记的用户界面的实现方法,其特征在于,所述步骤c之后包括步骤:
d、判断用户是否执行取消滚动标记的操作,若是,则执行步骤e;
e、清除导轨上的该滚动标记。
10、根据权利要求4所述的滚动条可标记的用户界面的实现方法,其特征在于,所述取消滚动标记的方法为鼠标右键双击该滚动标记。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNA200710125497XA CN101470567A (zh) | 2007-12-24 | 2007-12-24 | 一种具有可标记滚动条的用户界面及其实现方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNA200710125497XA CN101470567A (zh) | 2007-12-24 | 2007-12-24 | 一种具有可标记滚动条的用户界面及其实现方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN101470567A true CN101470567A (zh) | 2009-07-01 |
Family
ID=40828071
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CNA200710125497XA Pending CN101470567A (zh) | 2007-12-24 | 2007-12-24 | 一种具有可标记滚动条的用户界面及其实现方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN101470567A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012041236A1 (zh) * | 2010-09-29 | 2012-04-05 | 腾讯科技(深圳)有限公司 | 展示数据的方法及装置 |
CN104615348A (zh) * | 2015-01-12 | 2015-05-13 | 联想(北京)有限公司 | 信息处理方法及电子设备 |
CN105094582A (zh) * | 2014-05-12 | 2015-11-25 | 宇龙计算机通信科技(深圳)有限公司 | 信息定位方法和信息定位装置 |
CN104205017B (zh) * | 2012-03-30 | 2018-03-02 | 电子湾有限公司 | 提供滚动图的方法和系统 |
-
2007
- 2007-12-24 CN CNA200710125497XA patent/CN101470567A/zh active Pending
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012041236A1 (zh) * | 2010-09-29 | 2012-04-05 | 腾讯科技(深圳)有限公司 | 展示数据的方法及装置 |
CN102436369A (zh) * | 2010-09-29 | 2012-05-02 | 腾讯科技(深圳)有限公司 | 展示数据的方法及装置 |
US8788965B2 (en) | 2010-09-29 | 2014-07-22 | Tencent Technology (Shenzhen) Company Limited | Method and device for displaying data by adjusting the size of controls |
CN104205017B (zh) * | 2012-03-30 | 2018-03-02 | 电子湾有限公司 | 提供滚动图的方法和系统 |
CN105094582A (zh) * | 2014-05-12 | 2015-11-25 | 宇龙计算机通信科技(深圳)有限公司 | 信息定位方法和信息定位装置 |
CN105094582B (zh) * | 2014-05-12 | 2018-10-26 | 宇龙计算机通信科技(深圳)有限公司 | 信息定位方法和信息定位装置 |
CN104615348A (zh) * | 2015-01-12 | 2015-05-13 | 联想(北京)有限公司 | 信息处理方法及电子设备 |
US10564812B2 (en) | 2015-01-12 | 2020-02-18 | Beijing Lenovo Software Ltd. | Information processing method and electronic device |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10891020B2 (en) | User interface for electronic backup | |
US20100192066A1 (en) | Method and system for a graphical user interface | |
JP5930363B2 (ja) | 携帯情報機器およびコンテンツ表示方法 | |
US20100146435A1 (en) | Method and system for navigating through parts of a document | |
CN102722324A (zh) | 触控屏操作方法及装置 | |
CN104317474A (zh) | 窗口切换方法及装置 | |
CN103336647A (zh) | 用于为显示视窗产生被捕获图像的方法和设备 | |
US20110161807A1 (en) | Document information transmission method and apparatus | |
CN1996285A (zh) | 一种网页浏览器网中的窗口系统 | |
CN101763218A (zh) | 一种手持设备输入方法 | |
CA2561834A1 (en) | Dynamic materialization of disappearing entities | |
CN102262528A (zh) | 即时通讯客户端及其内嵌网页页面实现拖拽的方法 | |
CN103677603A (zh) | 触控式区域性操作的方法及设备 | |
CN102385485A (zh) | 一种业务导航实现方法及装置 | |
CN101470567A (zh) | 一种具有可标记滚动条的用户界面及其实现方法 | |
CN1987765A (zh) | 用于进行内容导航的系统和方法 | |
CN102646011A (zh) | 触控方法 | |
JP2009140473A (ja) | マルチビューブラウザ | |
US20150356064A1 (en) | Management system for displaying information relating to target | |
CN102446175A (zh) | 电子装置及网页加注方法 | |
CN101335936A (zh) | 具有虚拟键盘和活动手写板的触摸屏手机 | |
CN105027053A (zh) | 电子装置、显示方法和显示程序 | |
CN102934109B (zh) | 用于在通过搜索引擎获得的搜索结果内进行导航的方法 | |
CN102520873A (zh) | 主屏界面下创建图标显示区域的方法及装置 | |
CN101673171A (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 | ||
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20090701 |