一种基于移动web的触摸响应加速方法技术

技术编号:8862013 阅读:176 留言:0更新日期:2013-06-28 01:15
本发明专利技术提供一种基于移动web的触摸响应加速方法,将web页面的页面元素与事件处理机相关联,浏览器将触摸的事件对象传递给事件处理机;事件处理机通过浏览器传递的事件对象获取相关信息,并以此做出逻辑处理;事件寄存单元寄存当前事件的事件对象;状态寄存单元通过状态值来控制逻辑计算单元是否启用;逻辑计算单元从事件寄存单元存储的事件对象获取相关信息来进行逻辑计算和处理。相对于现有技术,本发明专利技术每过一个时间间隔就对浏览器的触摸事件进行一次检测,根据前一个事件对象的触点位置和当前事件对象的触点位置来监测位置的变化,以此来判断是否重绘web页面,降低了用户图形拖动时的顿挫感,减少了触摸的响应时间。

【技术实现步骤摘要】

本专利技术涉及移动终端Web领域,特别涉及在移动Web中触摸响应加速的方法。
技术介绍
当前,为了操作上的方便,人们用触摸屏来代替鼠标或键盘工作时,必须首先用手指或其它物体触摸安装在显示器前端的触摸屏,然后系统根据手指触摸的点来检测定位,信息输入触摸屏通常是由触摸检测部件和触摸屏控制器组成;触摸检测部件安装在显示器屏幕前面,用于检测用户触摸位置,接受后送触摸屏控制器;而触摸屏控制器的主要作用是从触摸点检测装置上接收触摸信息,并将它转换成触点坐标,再送给CPU,它同时能接收CPU发来的命令并加以执行。Web应用程序是一种可以通过Web访问的应用程序。Web应用程序的一个最大好处是用户只需要有浏览器即可,不需要再安装其他软件。这是一种基于B/S (Browser/Server)架构的程序,能够很好地应用在局域网和广域网上,而随着当前浏览器性能的不断提升,web应用程序的使用也日益增加。互联网、移动互联网和云计算的不断发展,也在促使web应用程序的使用范围变得越来越广。随着触摸屏和web应用程序的发展,两种技术也在不断融合,基于触摸屏的web应用程序开发的重要程度就日益增加。特别是在移动操作领域,当前已经出现了以10S、Android、WindowsPhone领军,大量其他移动操作系统并存的局面,而这种现象已经给移动程序设计带来了诸多困扰,包括同一套系统在多个操作系统上重复开发、程序设计者需要同时掌握诸多移动操作系统的程序设计方法、程序修改调试困难、程序维护困难以及程序的诸多版本的升级问题等。为了解决这一问题,以及有很多程序设计者开始转向基于HTML5的移动web程序设计,这样做既可以避免程序在多种移动操作系统上的重复开发,也可以解决程序的维护和升级困难问题。因此,对移动web程序设计的触控开发的地位和重要性就逐渐的凸显出来。要开发支持触摸屏设备的Web应用,需要借助浏览器的触摸事件来实现,但是直接使用浏览器的触摸事件进行触摸控制的程序设计不仅工作量大、容易出错,且每一个web应用程序都会完成近似于重复的工作,这无疑大大的降低了 web应用程序的编写效率。基于上述原因,对于移动web应用进行触摸控制程序设计时通常会采用web触控引擎,即触控类库。然而,当前主流的web触控引擎均采用了事件驱动模式,当有触摸事件到达后触控引擎调用回调函数,而回调函数体由程序设计者完成,以此来实现触摸控制的处理,这种机制类似于当前大多PC操作系统内部的事件处理。这种事件驱动机制非常适用于PC上使用的web应用程序,具有响应速度快、接口程序设计简洁、编程效率高等特点。但是,对于开发移动终端上的web应用程序,这种机制则显得不够实用:由于通常移动终端的硬件处理能力远远弱于桌面PC,这种事件驱动模式反而会制约移动web程序的设计,使得开发出的移动web程序对于用户触摸操作的响应效率降低,特别是对块元素拖动和手势识别时,程序运行的顿挫感明显加大,使得整个应用程序的用户体验变差。
技术实现思路
针对现有技术存在的问题,本专利技术的主要目的在于提供一种提高移动web程序对于用户触摸操作的响应效率的触摸响应加速方法。为实现上述目的,本专利技术提供的实施例,浏览器将触摸的事件对象传递给事件处理机,该事件对象包含事件类型和触点位置,事件处理机针对不同的事件类型处理方法如下:当事件类型为触摸开始事件,事件处理机将状态寄存单元的状态值设置为true,将事件对象寄存在事件寄存单元中,进入逻辑计算单元的处理流程;当事件类型为触摸移动事件,将当前事件的事件对象寄存在事件寄存单元中;当事件类型为触摸结束事件,将状态寄存单元的状态值设为false ;该逻辑计算单元的处理流程如下:判断状态寄存单元的状态值;当状态寄存单元的状态值为true时,查看事件寄存单元中的事件对象是否为触摸开始事件;当事件寄存单元中的事件对象不是触摸开始事件时,根据事件对象中的触点位置计算触点的位移量;判断触点的位移量是否为O ;当触点的位移量不为0,重绘web页面;通知浏览器回到步骤判断状态寄存单元的状态值。进一步地,该触点位置为触点相对web页面的位置,该逻辑计算单元的处理流程中,当触点的位移量为O时,通知浏览器回到步骤判断状态寄存单元的状态值;当事件寄存单元中的事件对象是触摸开始事件时,通知浏览器回到步骤判断状态寄存单元的状态值;当状态寄存单元的状态值为flase时,退出逻辑计算单元的处理流程。更进一步地,web页面包含多个页面元素,该页面元素与事件处理机相关联。更进一步地,状态寄存单元的状态值默认设置为false。更进一步地,每一 web页面均设对应的文件物件模型。更进一步地,该状态寄存单元通过状态值来控制逻辑计算单元是否启用。更进一步地,通过一应用程序编程接口通知浏览器回到步骤判断状态寄存单元的状态值。相对于现有技术,首先,每过一个时间间隔就对浏览器的触摸事件进行一次检测,根据前一个事件对象的触点位置和当前事件对象的触点位置来监测位置的变化,以此来判断是否重绘web页面,降低了用户图形拖动时的顿挫感,减少了触摸的响应时间;其次,使用事件对象使得开发过程不涉及底层硬件上的访问,减少了开发复杂度,提高移动web应用程序开发者的编程效率。附图说明图1是web页面在移动设备上的结构示例示意2是图1web页面各元素对应的文件物件模型结构示意图图3是本专利技术移动web触控引擎结构示意4是本专利技术触摸开始事件中事件处理机处理流程5是本专利技术触摸移动事件中事件处理机处理流程6是本专利技术触摸结束事件中事件处理机处理流程7是本专利技术逻辑计算单元处理流程图11显示屏12浏览器13web 页面14 触点31状态寄存单元32事件寄存单元33事件处理机34逻辑计算单元具体实施例方式下面结合附图,详细说明本专利技术的具体实施方式。如图1所示,为web页面13在移动设备上的结构示例示意图。一般移动设备包含了显示屏11,并通过浏览器12来访问网络。在访问的web页面13中,可以包含一个或多个页面元素,例如元素101,元素102,元素103,元素104,这些元素可以是web页面13中的文本域,图片,媒体播放器等。这些元素在web页面13中各自占有一定的区域,同时这元素亦可相互嵌套,如元素101与元素104存在于web页面13中,而元素102和元素103则放置在元素101内。如图2所示,是图1web页面13各元素对应的文件物件模型结构示意图。每个web页面13都有相应的文件物件模型(DOM,Document Object Model)与之相对应。DOM是一个树形结构,而节点200是整个树的根节点。web页面13对应节点200,元素101对应节点201,元素102对应节点202,元素103对应节点203,元素104对应节点204。基于这种映射,通过嵌入式脚本语言(如JavaScript)可以很方便的实现对web页面13的页面结构的进行访问,使用JavaScript脚本语言对web页面结构进行访问举例如下:本文档来自技高网
...

【技术保护点】
一种基于移动web的触摸响应加速方法,其特征在于:浏览器将触摸的事件对象传递给事件处理机,所述事件对象包含事件类型和触点位置,所述事件处理机针对不同的事件类型处理方法如下:当所述事件类型为触摸开始事件,事件处理机将状态寄存单元的状态值设置为true,将事件对象寄存在事件寄存单元中,进入逻辑计算单元的处理流程;当所述事件类型为触摸移动事件,将当前事件的事件对象寄存在事件寄存单元中;当所述事件类型为触摸结束事件,将状态寄存单元的状态值设为false;所述逻辑计算单元的处理流程如下:判断状态寄存单元的状态值;当状态寄存单元的状态值为true时,查看事件寄存单元中的事件对象是否为触摸开始事件;当事件寄存单元中的事件对象不是触摸开始事件时,根据事件对象中的触点位置计算触点的位移量;判断触点的位移量是否为0;当触点的位移量不为0,重绘web页面;通知浏览器回到步骤判断状态寄存单元的状态值。

【技术特征摘要】
1.一种基于移动web的触摸响应加速方法,其特征在于:浏览器将触摸的事件对象传递给事件处理机,所述事件对象包含事件类型和触点位置,所述事件处理机针对不同的事件类型处理方法如下: 当所述事件类型为触摸开始事件,事件处理机将状态寄存单元的状态值设置为true,将事件对象寄存在事件寄存单元中,进入逻辑计算单元的处理流程; 当所述事件类型为触摸移动事件,将当前事件的事件对象寄存在事件寄存单元中; 当所述事件类型为触摸结束事件,将状态寄存单元的状态值设为false ; 所述逻辑计算单元的处理流程如下: 判断状态寄存单元的状态值; 当状态寄存单元的状态值为true时,查看事件寄存单元中的事件对象是否为触摸开始事件; 当事件寄存单元中的事件对象不是触摸开始事件时,根据事件对象中的触点位置计算触点的位移量; 判断触点的位移量是否为O ; 当触点的位移量不为O,重绘web页面; 通知浏览器回到步骤判断状态寄存单元的状态值。2.如权利要求1所述的基于移动web的触摸响应加速方法,其特征在于: 所述逻辑计算单元的处理流程中,当触点的位移量为O时,通知浏览器回到步骤判断状态寄存单元的状态值。3.如权利要求2所述的基于移动web的触摸响应加速方法,其特征...

【专利技术属性】
技术研发人员:唐聃廖群英陈平
申请(专利权)人:成都信息工程学院
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1