CN105760083B - 一种实现浏览界面快速滚动的控制部件 - Google Patents

一种实现浏览界面快速滚动的控制部件 Download PDF

Info

Publication number
CN105760083B
CN105760083B CN201610027785.0A CN201610027785A CN105760083B CN 105760083 B CN105760083 B CN 105760083B CN 201610027785 A CN201610027785 A CN 201610027785A CN 105760083 B CN105760083 B CN 105760083B
Authority
CN
China
Prior art keywords
gesture
scroll
fast scroll
area
cursor
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.)
Active
Application number
CN201610027785.0A
Other languages
English (en)
Other versions
CN105760083A (zh
Inventor
陈明杰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing aoyi Xiaosheng Technology Co.,Ltd.
Original Assignee
BEIJING MAXTHON TECHNOLOGY Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by BEIJING MAXTHON TECHNOLOGY Co Ltd filed Critical BEIJING MAXTHON TECHNOLOGY Co Ltd
Priority to CN201610027785.0A priority Critical patent/CN105760083B/zh
Publication of CN105760083A publication Critical patent/CN105760083A/zh
Application granted granted Critical
Publication of CN105760083B publication Critical patent/CN105760083B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种实现浏览界面快速滚动的控制部件，涉及通讯领域。所述控制部件包括滚动条主体，所述滚动条主体分为向上快速滚动区和向下快速滚动区；设置在所述向上快速滚动区操作手势动作Ⅰ执行回顶部操作，设置在所述向下快速滚动区操作手势动作Ⅱ执行回底部操作。所述方法：捕获在操作界面上光标的位置，并判断所述光标的位置是否在滚动条主体上，如果节点在向上快速滚动区，则获取并判断所述光标在节点上操作的手势，如果所述手势属于手势动作Ⅰ，则执行回顶部操作；如果节点在向下快速滚动区，则获取并判断所述光标在节点上操作的手势，如果所述手势属于手势动作Ⅱ，则执行回底部操作。本发明可方便、快速实现滚动界面的操作。

Description

一种实现浏览界面快速滚动的控制部件
技术领域
本发明涉及通讯领域，尤其涉及一种实现浏览界面快速滚动的控制部件。
背景技术
在应用浏览网页或者使用办公软件时，使用者通常使用浏览界面的滚动条调节页面的滚动，或者使用被浏览界面中添加的具有“回顶部”或“回底部”插件实现被浏览界面的滚动，但，现有实现浏览界面滚动的工具存在以下不足：当被浏览见面没有安装“回顶部”或“回底部”插件时，只能选择单击拖动滚动条实现界面的回顶部或回底部的操作，如本领域技术人员公知：界面的内容越长，则滚动条越短，那么单击拖动滚动条的操作存在困难。同时，手机等触控设备的发展,让手机上的页面回到顶部/底部需要很多次移动手指，耗时很长。
发明内容
本发明的目的在于提供一种实现浏览界面快速滚动的控制部件，从而解决现有技术中存在的前述问题。
为了实现上述目的，本发明所述实现浏览界面快速滚动的控制部件，所述控制部件包括滚动条主体，所述滚动条主体分为向上快速滚动区和向下快速滚动区；设置在所述向上快速滚动区操作手势动作Ⅰ执行回顶部操作，设置在所述向下快速滚动区操作手势动作Ⅱ执行回底部操作。
优选地，所述向上快速滚动区和所述向下快速滚动区的区分线为所述滚动条主体的横向中心线。
优选地，在光标进入所述滚动条主体时，滚动条主体捕获所述光标在滚动条主体的位置，判断所述位置所属区域；如果所述位置属于向上快速滚动区，则给出回顶部的提示；如果所述位置属于向下快速滚动区，则给出回底部的提示。
优选地，设置在所述向上快速滚动区上的所有节点上操作所述手势动作Ⅰ，即执行回顶部操作。
优选地，设置在所述向下快速滚动区上的所有节点上操作执行所述手势动作Ⅱ，即执行回底部操作。
优选地，所述手势动作Ⅰ包括：左键双击操作、右键的单击操作、右键的双击操作。
优选地，所述手势动作Ⅱ包括：左键双击操作、右键的单击操作、右键的双击操作。
本发明所述基于实现浏览界面快速滚动的控制部件的界面快速滚动方法，所述方法包括：
S1，捕获在操作界面上光标的位置，并判断所述光标的位置是否在滚动条主体上，如果是，则进入S2；如果否，则执行光标所在位置相对应的操作；
S2，获取所述光标所在节点在所述滚动条主体上的位置，如果节点在向上快速滚动区，则进入S3；如果节点在向下快速滚动区，则进入S4；
S3，获取并判断所述光标在节点上操作的手势，如果所述手势属于手势动作Ⅰ，则执行回顶部操作；
S4，获取并判断所述光标在节点上操作的手势，如果所述手势属于手势动作Ⅱ，则执行回底部操作。
优选地，所述手势动作Ⅰ包括：左键双击操作、右键的单击操作、右键的双击操作。
优选地，所述手势动作Ⅱ包括：左键双击操作、右键的单击操作、右键的双击操作。
本发明的有益效果是：
本发明将滚动条分为上下两部分，将双击滚动条上半部分的操作与回界面顶部相关联，将双击滚动条下半部分的操作与回界面底部相关联，这种对滚动条的设计在不用安装“回顶部”或“回底部”插件的条件下，能直接通过操作滚动条快速的滚动界面。
又因为本申请将滚动条一分为二，只要在滚动条中央线分割的任意区的任意一点上双击，即可方便、快速实现滚动界面的操作。
附图说明
图1是所述实现被浏览界面快速滚动的控制部件的实现方法的流程示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施方式仅仅用以解释本发明，并不用于限定本发明。
本实施所述实现被浏览界面快速滚动的控制部件，所述控制部件包括滚动条主体，所述滚动条主体分为向上快速滚动区和向下快速滚动区；设置在所述向上快速滚动区操作手势动作Ⅰ执行回顶部操作，设置在所述向下快速滚动区操作手势动作Ⅱ执行回底部操作。更详细的解释说明：
(一)所述向上快速滚动区和所述向下快速滚动区的区分线为所述滚动条主体的横向中心线。
(一)在光标进入所述滚动条主体时，滚动条主体捕获所述光标在滚动条主体的位置，判断所述位置所属区域；如果所述位置属于向上快速滚动区，则给出回顶部的提示；如果所述位置属于向下快速滚动区，则给出回底部的提示。
(二)设置在所述向上快速滚动区上的所有节点上操作所述手势动作Ⅰ，即执行回顶部操作。设置在所述向下快速滚动区上的所有节点上操作执行所述手势动作Ⅱ，即执行回底部操作。所述手势动作Ⅰ包括：左键双击操作、右键的单击操作、右键的双击操作。所述手势动作Ⅱ包括：左键双击操作、右键的单击操作、右键的双击操作。
一种基于所述实现浏览界面快速滚动的控制部件的界面快速滚动方法，所述方法包括：
S1，捕获在操作界面上光标的位置，并判断所述光标的位置是否在滚动条主体上，如果是，则进入S2；如果否，则执行光标所在位置相对应的操作；
S2，获取所述光标对应的节点在所述滚动条主体上的位置；
如果节点在向上快速滚动区，则进入S3；如果节点在向下快速滚动区，则进入S4；
S3，获取并判断所述光标在节点上操作的手势，如果所述手势属于手势动作Ⅰ，则执行回顶部操作；
S4，获取并判断所述光标在节点上操作的手势，如果所述手势属于手势动作Ⅱ，则执行回底部操作。
其中，所述手势动作Ⅰ包括：左键双击操作、右键的单击操作、右键的双击操作。所述手势动作Ⅱ包括：左键双击操作、右键的单击操作、右键的双击操作。
通过采用本发明公开的上述技术方案，得到了如下有益的效果：本发明将滚动条分为上下两部分，将双击滚动条上半部分的操作与回界面顶部相关联，将双击滚动条下半部分的操作与回界面底部相关联，这种对滚动条的设计在不用安装“回顶部”或“回底部”插件的条件下，能直接通过操作滚动条快速的滚动界面。
又因为本申请将滚动条一分为二，只要在滚动条中央线分割的任意区的任意一点上双击，即可方便、快速实现滚动界面的操作。
以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视本发明的保护范围。

Claims (7)

1.一种实现浏览界面快速滚动的控制部件，其特征在于，所述控制部件包括滚动条主体，所述滚动条主体分为向上快速滚动区和向下快速滚动区；
设置在所述向上快速滚动区操作手势动作Ⅰ执行回顶部操作，设置在所述向下快速滚动区操作手势动作Ⅱ执行回底部操作；
在光标进入所述滚动条主体时，滚动条主体捕获所述光标在滚动条主体的位置，判断所述位置所属区域；如果所述位置属于向上快速滚动区，则给出回顶部的提示；如果所述位置属于向下快速滚动区，则给出回底部的提示；
设置在所述向上快速滚动区上的所有节点上操作所述手势动作Ⅰ，即执行回顶部操作；
设置在所述向下快速滚动区上的所有节点上操作执行所述手势动作Ⅱ，即执行回底部操作。
2.根据权利要求1所述实现浏览界面快速滚动的控制部件，其特征在于，所述向上快速滚动区和所述向下快速滚动区的区分线为所述滚动条主体的横向中心线。
3.根据权利要求1所述实现浏览界面快速滚动的控制部件，其特征在于，所述手势动作Ⅰ包括：左键双击操作、右键的单击操作、右键的双击操作。
4.根据权利要求1所述实现浏览界面快速滚动的控制部件，其特征在于，所述手势动作Ⅱ包括：左键双击操作、右键的单击操作、右键的双击操作。
5.一种基于权利要求1-4任意一项所述实现浏览界面快速滚动的控制部件的界面快速滚动方法，其特征在于，所述方法包括：
S1，捕获在操作界面上光标的位置，并判断所述光标的位置是否在滚动条主体上，如果是，则进入S2；如果否，则执行光标所在位置相对应的操作；
S2，获取所述光标所在节点在所述滚动条主体上的位置，如果节点在向上快速滚动区，则给出回顶部的提示，进入S3；如果节点在向下快速滚动区，则给出回底部的提示，进入S4；
S3，获取并判断所述光标在节点上操作的手势，如果所述手势属于手势动作Ⅰ，则执行回顶部操作；
S4，获取并判断所述光标在节点上操作的手势，如果所述手势属于手势动作Ⅱ，则执行回底部操作。
6.根据权利要求5所述方法，其特征在于，所述手势动作Ⅰ包括：左键双击操作、右键的单击操作、右键的双击操作。
7.根据权利要求5所述方法，其特征在于，所述手势动作Ⅱ包括：左键双击操作、右键的单击操作、右键的双击操作。
CN201610027785.0A 2016-01-15 2016-01-15 一种实现浏览界面快速滚动的控制部件 Active CN105760083B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610027785.0A CN105760083B (zh) 2016-01-15 2016-01-15 一种实现浏览界面快速滚动的控制部件

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610027785.0A CN105760083B (zh) 2016-01-15 2016-01-15 一种实现浏览界面快速滚动的控制部件

Publications (2)

Publication Number Publication Date
CN105760083A CN105760083A (zh) 2016-07-13
CN105760083B true CN105760083B (zh) 2018-12-28

Family

ID=56342425

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610027785.0A Active CN105760083B (zh) 2016-01-15 2016-01-15 一种实现浏览界面快速滚动的控制部件

Country Status (1)

Country Link
CN (1) CN105760083B (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090075694A1 (en) * 2007-09-18 2009-03-19 Min Joo Kim Mobile terminal and method of controlling operation of the same
CN102346662A (zh) * 2010-07-30 2012-02-08 比亚迪股份有限公司 一种移动终端及实现其用户界面滚动的方法
CN102375662A (zh) * 2010-08-20 2012-03-14 浪潮乐金数字移动通信有限公司 一种移动终端滚动条控制器及其控制方法
CN103268189A (zh) * 2013-05-30 2013-08-28 广东欧珀移动通信有限公司 一种播放器用户界面的滚动条的实现方法和***

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090075694A1 (en) * 2007-09-18 2009-03-19 Min Joo Kim Mobile terminal and method of controlling operation of the same
CN102346662A (zh) * 2010-07-30 2012-02-08 比亚迪股份有限公司 一种移动终端及实现其用户界面滚动的方法
CN102375662A (zh) * 2010-08-20 2012-03-14 浪潮乐金数字移动通信有限公司 一种移动终端滚动条控制器及其控制方法
CN103268189A (zh) * 2013-05-30 2013-08-28 广东欧珀移动通信有限公司 一种播放器用户界面的滚动条的实现方法和***

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
iPhone Safari浏览器使用小技巧;雨飞;《中文信息：数字通讯》;20100430;第103页 *

Also Published As

Publication number Publication date
CN105760083A (zh) 2016-07-13

Similar Documents

Publication Publication Date Title
CN102662510B (zh) 通过多点触摸实现截图的方法
US9424812B2 (en) Method and electronic apparatus for achieving translation of a screen display interface
CN104166553B (zh) 一种显示方法及电子设备
CN102156559B (zh) 一种网络电视遥控器模拟鼠标操作的方法及装置
US20150143285A1 (en) Method for Controlling Position of Floating Window and Terminal
CN103034427A (zh) 一种触摸屏翻页方法、装置及一种触摸屏设备
CN105468279B (zh) 触屏操作识别和响应方法、装置及游戏操控方法、装置
DE102014111989A1 (de) Virtuelle Multi-Touch-Maus
US20160085296A1 (en) Wearable input device
CN103823630A (zh) 一种虚拟鼠标
CN105511782B (zh) 一种游戏指令处理方法及装置
CN104915004A (zh) 一种体感控制屏幕滚动方法、体感交互***及电子设备
CN102662511A (zh) 通过触摸屏进行控制操作的方法及终端
CN104166508B (zh) 一种触控实现方法及装置
CN105760083B (zh) 一种实现浏览界面快速滚动的控制部件
CN103399687B (zh) 一种单点触控窗口显示的执行处理方法
CN108307044B (zh) 一种终端操作方法及设备
CN104020853A (zh) 基于Kinect的操纵网络浏览器的***及方法
CN103336611A (zh) 一种触控操作方法、装置及其触控终端
CN105005409A (zh) 一种利用多点手势实现触摸屏终端功能键的方法
CN104484117B (zh) 人机交互方法及装置
CN103106033B (zh) 控制应用界面移动的方法、装置和终端设备
CN103150024A (zh) 一种计算机操作方法
CN104731396B (zh) 一种魔术笔及其显示控制方法
CN103577495B (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
TR01 Transfer of patent right

Effective date of registration: 20201224

Address after: 100086 b1-d11, 15-11 Zhongguancun Street, Haidian District, Beijing

Patentee after: Beijing aoyi Xiaosheng Technology Co.,Ltd.

Address before: 100080 Room 308, block B, 3 Danling street, Haidian District, Beijing

Patentee before: BEIJING MAXTHON TECHNOLOGY Co.,Ltd.

TR01 Transfer of patent right