CN109960451A - 一种网页内滑动显示网页对象的方法及装置 - Google Patents
一种网页内滑动显示网页对象的方法及装置 Download PDFInfo
- Publication number
- CN109960451A CN109960451A CN201711402919.3A CN201711402919A CN109960451A CN 109960451 A CN109960451 A CN 109960451A CN 201711402919 A CN201711402919 A CN 201711402919A CN 109960451 A CN109960451 A CN 109960451A
- Authority
- CN
- China
- Prior art keywords
- web object
- touch event
- speed
- size
- location 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 28
- 230000000007 visual effect Effects 0.000 claims abstract description 42
- 238000012800 visualization Methods 0.000 claims abstract description 24
- 238000005516 engineering process Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 241000208340 Araliaceae Species 0.000 description 1
- 235000005035 Panax pseudoginseng ssp. pseudoginseng Nutrition 0.000 description 1
- 235000003140 Panax quinquefolius Nutrition 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 235000008434 ginseng Nutrition 0.000 description 1
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
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
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
本发明公开了一种网页内滑动显示网页对象的方法及装置，包括以下步骤：获取触摸事件，获取与所述触摸事件对应的网页对象；在移动终端的可视化窗口上点击触摸事件最终需要移动的位置点；获取所述移动终端的可视窗口大小；获取所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离；根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点。本发明的用户无需滑动就可将网页对象滑动到特定的位置，从而提高了操作的便利性。
Description
技术领域
本发明涉及一种计算机技术领域，尤其是一种网页内滑动显示网页对象的方法及装置。
背景技术
随着触摸屏技术和移动终端技术的发展，智能移动设备已经成为当今市场上的主流，包括智能手机、掌上电脑、平板电脑、电子书等。用户可通过智能移动设备上自带的移动版浏览器在任何有无线网络覆盖的区域自由地浏览网页，使得人与人之间的沟通更加方便。
在现有技术中，用户在使用移动版浏览器上网时，可通过在触摸屏上滑动触摸来实现网页的整体滑动。网页中还包含网页对象，如图片、文本块、表单等。网页对象可在其所处的可视窗口中滑动。然而，传统技术中，用户在滑动触摸网页对象时，该网页对象只能跟随触摸点的移动而移动，也就是说网页对象的最大滑动距离(考虑边界不能滑的情况)与触摸点的移动距离相同。而由于可视窗口的大小有限，因此，在网页对象较大时，用户需要滑动多次才能将网页对象滑到指定的位置来展示相应的内容，从而使得用户操作的便利性不足。
发明内容
本发明的目的是为了解决上述现有技术的不足而提供一种网页内滑动显示网页对象的方法及装置。
为了实现上述目的，本发明所设计的一种网页内滑动显示网页对象的方法，包括以下步骤：
S1、获取触摸事件，获取与所述触摸事件对应的网页对象；
S2、在移动终端的可视化窗口上点击触摸事件最终需要移动的位置点；
S3、获取所述移动终端的可视窗口大小；
S4、获取所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离；
S5、根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点。
工作时，当需要对网页内的图像或文字进行滑动时，先触摸该网页对象，然后用于点击该可视化窗口上该网页对象最终需要滑动的位置点，此时整个触摸过程结束，用户立即获取所述移动终端的可视窗口大小、以及获取所述网页对象在可视窗口的位置和该网页对象最终需要滑动的位置点，然后计算该位置到最终需要移动的位置点的最短距离，将计算结果进行缓存，然后根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，最后根据该速度V并按照缓存中最短距离的走向将网页对象移动到最终需要移动的位置点，最终实现，用户无需滑动就可将网页对象滑动到特定的位置，从而提高了操作的便利性。
在步骤S4中获取所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离的具体方法是：通过获取所述触摸事件对于的网页对象的中心点以及触摸事件最终需要移动的位置点的中心点，以这两个中心点之间的距离最短作为最短距离计算。
在步骤S5中，根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点的具体方法是：在最短距离计算后自动生成虚拟路线并标识，然后将所述触摸事件对应的网页对象按照该虚拟路线以及计算出来的速度V进行快速移动的过程。
本发明还公开了另一方案：一种网页内滑动显示网页对象的方法及装置，其包括：
触摸事件获取模块，用于获取触摸事件，获取与所述触摸事件对应的网页对象；
滑动事件获取模块，用于获取与所述网页对象对应的滑动事件的滑动点在可视化窗口的位置；
可视化窗口获取模块，用于获取所述可视化窗口的大小；
参数计算模块，用于计算所述触摸事件对应的网页对象到触摸事件最终需要移动的位置点的最短距离；
速度获取模块，用于计算触摸事件对应的网页对象在该可视化窗口的移动速度；
控制器，分别与触摸事件获取模块、滑动事件获取模块、可视化窗口获取模块、参数计算模块和速度获取模块连接，用于获取触摸事件，获取与所述触摸事件对应的网页对象；然后在移动终端的可视化窗口上点击触摸事件最终需要移动的位置点；再获取所述移动终端的可视窗口大小和所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离，最后根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点，然后进行移动
进一步，速度V＝可视窗口大小/网页对象的大小。
本发明得到的一种网页内滑动显示网页对象的方法及装置，工作时，当需要对网页内的图像或文字进行滑动时，先触摸该网页对象，然后用于点击该可视化窗口上该网页对象最终需要滑动的位置点，此时整个触摸过程结束，用户立即获取所述移动终端的可视窗口大小、以及获取所述网页对象在可视窗口的位置和该网页对象最终需要滑动的位置点，然后计算该位置到最终需要移动的位置点的最短距离，将计算结果进行缓存，然后根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，最后根据该速度V并按照缓存中最短距离的走向将网页对象移动到最终需要移动的位置点，最终实现，用户无需滑动就可将网页对象滑动到特定的位置，从而提高了操作的便利性。
附图说明：
图1是实施例1中一种网页内滑动显示网页对象的方法的流程示意图；
图2是实施例1中一种网页内滑动显示网页对象的装置的结构示意图。
附图标记中：1.触摸事件获取模块；2.滑动事件获取模块；3.可视化窗口获取模块；4.参数计算模块；5.速度获取模块；6.控制器。
具体实施方式
下面结合实施例对本发明创造作进一步说明。
实施例1：
如图1所示，本实施例提供的一种网页内滑动显示网页对象的方法及装置，包括以下步骤：
S1、获取触摸事件，获取与所述触摸事件对应的网页对象；
S2、在移动终端的可视化窗口上点击触摸事件最终需要移动的位置点；
S3、获取所述移动终端的可视窗口大小；
S4、获取所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离；
S5、根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点。
在步骤S4中获取所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离的具体方法是：通过获取所述触摸事件对于的网页对象的中心点以及触摸事件最终需要移动的位置点的中心点，以这两个中心点之间的距离最短作为最短距离计算。
在步骤S5中，根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点的具体方法是：在最短距离计算后自动生成虚拟路线并标识，然后将所述触摸事件对应的网页对象按照该虚拟路线以及计算出来的速度V进行快速移动的过程。
如图2所示，本实施例还公开了另一方案：一种网页内滑动显示网页对象的方法及装置，其包括：
触摸事件获取模块1，用于获取触摸事件，获取与所述触摸事件对应的网页对象；
滑动事件获取模块2，用于获取与所述网页对象对应的滑动事件的滑动点在可视化窗口的位置；
可视化窗口获取模块3，用于获取所述可视化窗口的大小；
参数计算模块4，用于计算所述触摸事件对应的网页对象到触摸事件最终需要移动的位置点的最短距离；
速度获取模块5，用于计算触摸事件对应的网页对象在该可视化窗口的移动速度；
控制器6，分别与触摸事件获取模块1、滑动事件获取模块2、可视化窗口获取模块3、参数计算模块4和速度获取模块5连接，用于获取触摸事件，获取与所述触摸事件对应的网页对象；然后在移动终端的可视化窗口上点击触摸事件最终需要移动的位置点；再获取所述移动终端的可视窗口大小和所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离，最后根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点，然后进行移动。
进一步，速度V＝可视窗口大小/网页对象的大小。
工作时，当需要对网页内的图像或文字进行滑动时，先触摸该网页对象，然后用于点击该可视化窗口上该网页对象最终需要滑动的位置点，此时整个触摸过程结束，用户立即获取所述移动终端的可视窗口大小、以及获取所述网页对象在可视窗口的位置和该网页对象最终需要滑动的位置点，然后计算该位置到最终需要移动的位置点的最短距离，将计算结果进行缓存，然后根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，最后根据该速度V并按照缓存中最短距离的走向将网页对象移动到最终需要移动的位置点，最终实现，用户无需滑动就可将网页对象滑动到特定的位置，从而提高了操作的便利性。同时当用户需要向第二页滑动时，此时该可视化窗口实际大小等于两个移动终端显示屏的大小，此时速度V也有相应的变化。
Claims (5)
1.一种网页内滑动显示网页对象的方法，包括以下步骤：
S1、获取触摸事件，获取与所述触摸事件对应的网页对象；
S2、在移动终端的可视化窗口上点击触摸事件最终需要移动的位置点；
S3、获取所述移动终端的可视窗口大小；
S4、获取所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离；
S5、根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点。
2.根据权利要求1所述的一种网页内滑动显示网页对象的方法，其特征在于：在步骤S4中获取所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离的具体方法是：通过获取所述触摸事件对于的网页对象的中心点以及触摸事件最终需要移动的位置点的中心点，以这两个中心点之间的距离最短作为最短距离计算。
3.根据权利要求2所述一种网页内滑动显示网页对象的方法，其特征在于：在步骤S5中，根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点的具体方法是：在最短距离计算后自动生成虚拟路线并标识，然后将所述触摸事件对应的网页对象按照该虚拟路线以及计算出来的速度V进行快速移动的过程。
4.一种网页内滑动显示网页对象的方法及装置，其特征在于：包括：
触摸事件获取模块(1)，用于获取触摸事件，获取与所述触摸事件对应的网页对象；
滑动事件获取模块(2)，用于获取与所述网页对象对应的滑动事件的滑动点在可视化窗口的位置；
可视化窗口获取模块(3)，用于获取所述可视化窗口的大小；
参数计算模块(4)，用于计算所述触摸事件对应的网页对象到触摸事件最终需要移动的位置点的最短距离；
速度获取模块(5)，用于计算触摸事件对应的网页对象在该可视化窗口的移动速度；
控制器(6)，分别与触摸事件获取模块(1)、滑动事件获取模块(2)、可视化窗口获取模块(3)、参数计算模块(4)和速度获取模块(5)连接，用于获取触摸事件，获取与所述触摸事件对应的网页对象；然后在移动终端的可视化窗口上点击触摸事件最终需要移动的位置点；再获取所述移动终端的可视窗口大小和所述网页对象在可视窗口的位置，以及计算该位置到最终需要移动的位置点的最短距离，最后根据可视窗口大小除以网页对象的大小计算出该网页对象每分钟需要移动的速度V，然后根据该速度V并按照最短距离将网页对象移动到最终需要移动的位置点，然后进行移动。
5.根据权利要求4所述的网页内滑动显示网页对象的装置，其特征在于，速度V＝可视窗口大小/网页对象的大小。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711402919.3A CN109960451A (zh) | 2017-12-22 | 2017-12-22 | 一种网页内滑动显示网页对象的方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711402919.3A CN109960451A (zh) | 2017-12-22 | 2017-12-22 | 一种网页内滑动显示网页对象的方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109960451A true CN109960451A (zh) | 2019-07-02 |
Family
ID=67019089
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711402919.3A Pending CN109960451A (zh) | 2017-12-22 | 2017-12-22 | 一种网页内滑动显示网页对象的方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109960451A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112445401A (zh) * | 2020-10-26 | 2021-03-05 | 北京达佳互联信息技术有限公司 | 文档滑动处理方法、装置及服务器 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101751195A (zh) * | 2009-12-30 | 2010-06-23 | 中兴通讯股份有限公司 | 一种电阻式触摸屏上的移动事件控制方法及装置 |
| CN102508607A (zh) * | 2011-11-10 | 2012-06-20 | 深圳市凯立德科技股份有限公司 | 一种地图移动操纵方法和位置服务终端 |
| CN104391637A (zh) * | 2014-11-19 | 2015-03-04 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
| CN104951300A (zh) * | 2015-06-04 | 2015-09-30 | 广东小天才科技有限公司 | 界面中实现虚拟对象移动的方法和装置 |
| CN105991925A (zh) * | 2015-03-06 | 2016-10-05 | 联想(北京)有限公司 | 场景构图指示方法和指示装置 |
| WO2017133572A1 (zh) * | 2016-02-02 | 2017-08-10 | 上海逗屋网络科技有限公司 | 一种基于触控操作移动目标对象的方法与设备 |
-
2017
- 2017-12-22 CN CN201711402919.3A patent/CN109960451A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101751195A (zh) * | 2009-12-30 | 2010-06-23 | 中兴通讯股份有限公司 | 一种电阻式触摸屏上的移动事件控制方法及装置 |
| CN102508607A (zh) * | 2011-11-10 | 2012-06-20 | 深圳市凯立德科技股份有限公司 | 一种地图移动操纵方法和位置服务终端 |
| CN104391637A (zh) * | 2014-11-19 | 2015-03-04 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
| CN105991925A (zh) * | 2015-03-06 | 2016-10-05 | 联想(北京)有限公司 | 场景构图指示方法和指示装置 |
| CN104951300A (zh) * | 2015-06-04 | 2015-09-30 | 广东小天才科技有限公司 | 界面中实现虚拟对象移动的方法和装置 |
| WO2017133572A1 (zh) * | 2016-02-02 | 2017-08-10 | 上海逗屋网络科技有限公司 | 一种基于触控操作移动目标对象的方法与设备 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112445401A (zh) * | 2020-10-26 | 2021-03-05 | 北京达佳互联信息技术有限公司 | 文档滑动处理方法、装置及服务器 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103914260B (zh) | 基于触摸屏的操作对象的控制方法及装置 | |
| CN106959808A (zh) | 一种基于手势控制3d模型的系统及方法 | |
| CN104199550B (zh) | 一种虚拟键盘操作装置、系统及方法 | |
| CN104850341B (zh) | 一种移动终端及移动终端的应用图标显示方法 | |
| CN103092518B (zh) | 一种基于rdp协议的移动云桌面精确触控方法 | |
| US20160291763A1 (en) | Emulating pressure sensitivity on multi-touch devices | |
| CN104199547B (zh) | 一种虚拟触屏操作装置、系统及方法 | |
| CN103634641A (zh) | 通过移动终端对智能电视进行手势控制的方法和系统 | |
| CN105653190B (zh) | 移动通讯终端及其单手操作模式控制方法和装置 | |
| CN104007819A (zh) | 手势识别方法、装置及Leap Motion体感控制系统 | |
| CN109508213A (zh) | 一种视图渲染方法、装置、介质及智能终端 | |
| CN102819398A (zh) | 一种在触摸屏设备上滑动控制摄像机的方法 | |
| CN105929954B (zh) | 一种控制光标的方法及装置、显示设备 | |
| WO2014019478A1 (en) | Method and mobile terminal device for image operation | |
| CN104035714B (zh) | 一种基于安卓系统的触摸事件处理方法、装置和设备 | |
| CN104516638A (zh) | 音量控制方法及装置 | |
| CN104317390A (zh) | 一种基于移动终端虚拟机多手势替代鼠标操作方法及系统 | |
| CN103902580B (zh) | 一种实现网页内多元素拖动的方法和装置 | |
| CN103747308A (zh) | 用模拟按键控制智能电视的方法和系统、移动终端 | |
| CN102662511A (zh) | 通过触摸屏进行控制操作的方法及终端 | |
| CN106708255A (zh) | 虚拟界面交互控制方法及系统 | |
| CN103156646B (zh) | 双屏幕超声医疗测量方法及装置 | |
| CN104978030B (zh) | 基于左右手自动调节手机显示界面的软件及方法 | |
| CN109062486B (zh) | 一种显示窗口的调节方法及电子设备 | |
| CN104199548A (zh) | 人机交互式虚拟触控装置、系统及方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20190702 |
|
| WD01 | Invention patent application deemed withdrawn after publication |