《PhoneGap移动应用开发手册》——1.3节调整加速计传感器更新时间间隔

简介:

本节书摘来自异步社区《PhoneGap移动应用开发手册》一书中的第1章,第1.3节调整加速计传感器更新时间间隔,作者 【英】Matt Gifford,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.3 调整加速计传感器更新时间间隔
PhoneGap移动应用开发手册
getCurrentAcceleration函数只是获取当它被调用的那个时间点的加速计数据,一次调用返回一个响应对象。本例中将设计一个程序可以设定时间间隔以从加速计持续获取其更新,以监视设备的持续运动。

实现步骤
通过对PhoneGap API中的一个可用方法提供另外的参数以设置更新时间间隔。

(1)首先,创建HTML初始化框架,并添加需要脚本文件cordova-2.0.0.js的引用。


05dc71571273aabad96797df9f768c9c8aa58f9d

(5)创建startWatch函数。首先,创建options变量存放可选的frequency参数,将其值设置为3000毫秒(3秒)。

(6)设置两个按钮来控制加速计监视的开始和停止,将其设置其初始属性disabled。

(7)接下来,将watchAcceleration赋给之前定义的watchID变量,这样便可以查看其值以确认它是否仍被设置为null。

(8)像定义成功调用以及错误处理函数名称一样,同样将包含frequency值的options变量传送到函数调用。


32ac41c45a51f2df595be67b5c1905daa9225806

(9)startWatch函数完成后,需要提供一个函数停止加速计的监测。该函数先检测watchID的值,若非空,就调用clearWatch函数停止对加速计的监测,提取watchID的值并将该变量置为null。

(10)引用 accelerometer div 元素并将其值设置为一个用户友好的消息。

(11)接下来,重新指定两个控制按钮的 disabled 属性,使得用户能够再次开始监视。


ecc9639e7765747a13958a9678042c1f2b5df233

(14)最后添加两个按钮元素,并都具有onClick属性,用于开始或停止对设备加速计的监视。


c13670572333772f0efda6479ed1e0725a867a48

实现原理
通过注册deviceready事件的侦听事件确保了本地PhoneGap代码未执行之前不运行JavaScript代码。PhoneGap一旦准备就绪,调用startWatch函数,在该函数中设定加速计更新时间间隔。

PhoneGap API中的WatchAcceleration函数在指定的时间间隔,获取设备当前的加速度数据。如果没有设置时间间隔,默认为10000毫秒(10秒)。每次获取到更新信息,onSuccess方法将对获取的数据进行处理,并将之显示到屏幕上。

watchID变量包含监视时间间隔,通过将其传递给PhoneGap API中的clearWatch函数可以实现停止监视。

相关内容
本例中,加速计更新时间间隔frequency值被设置为3000毫秒(3秒)。请读者考虑如何为程序添加一个变量,允许用户通过滑动条或在输入对话框中手动设置时间间隔。

相关文章
|
移动开发 JavaScript Android开发
PhoneGap:免费开源的 HTML5 移动应用开发平台
  PhoneGap 是一个免费开源的开发框架,让 Web 开发人员能够使用熟悉的 HTML,CSS 和 JavaScript 构建跨平台的移动本地应用。通过 PhoneGap 框架提供的 JavaScript API 能够以非常简单的方式调用移动设备的核心功能,包括地理位置,摄像头,加速器,通讯录,多媒体,文件和网络等功能。
1508 0
|
移动开发 容器 关系型数据库
《PhoneGap精粹:构建跨平台的移动App》——导读
本节书摘来自异步社区《PhoneGap精粹:构建跨平台的移动App》一书中的目录,作者 【美】John M. Wargo,更多章节内容可以访问云栖社区“异步社区”公众号查看
1572 0