《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 能够以非常简单的方式调用移动设备的核心功能,包括地理位置,摄像头,加速器,通讯录,多媒体,文件和网络等功能。
1501 0
|
开发框架 Dart Android开发
移动应用开发中的创新之路:探索跨平台解决方案
【9月更文挑战第21天】在移动应用的海洋中,开发者们面临着一个不断变化的挑战——如何在多个操作系统上提供无缝的用户体验。本文将探讨跨平台开发的魅力与挑战,并深入分析Flutter框架如何成为现代开发者的利器。我们将通过实际代码示例,揭示Flutter简化开发流程、提高生产效率的秘密。从Dart语言的基础到热重载的便捷性,本文旨在为读者提供一次全面而深刻的跨平台开发之旅。
|
C# Android开发 虚拟化
C# 一分钟浅谈:MAUI 跨平台移动应用开发
.NET MAUI 是 Microsoft 推出的跨平台框架,支持 Windows、macOS、iOS 和 Android。本文从基础概念入手,探讨 MAUI 的常见问题、易错点及解决方案,并通过代码示例详细说明。涵盖平台特定代码、XAML 语法、数据绑定、性能优化和调试技巧等内容,帮助开发者更好地掌握 .NET MAUI。
1637 55
|
开发框架 前端开发 Android开发
移动应用开发中的跨平台策略与实践
【9月更文挑战第34天】本文将深入探讨移动应用开发的跨平台策略,包括对React Native、Flutter和Xamarin等流行框架的比较。文章还将分享一些实用的跨平台开发技巧和最佳实践,帮助开发者在多个平台上高效地构建和维护应用。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和指导。
|
开发框架 数据安全/隐私保护 开发者
Flutter 是一款强大的跨平台移动应用开发框架,本文深入探讨了其布局与样式设计
Flutter 是一款强大的跨平台移动应用开发框架,本文深入探讨了其布局与样式设计,涵盖布局基础、常用组件、样式设计、实战应用、响应式布局及性能优化等方面,助力开发者打造精美用户界面。
513 7
|
开发框架 Dart 前端开发
Flutter 是谷歌推出的一款高效跨平台移动应用开发框架,使用 Dart 语言,具备快速开发、跨平台支持、高性能、热重载及美观界面等特点。
Flutter 是谷歌推出的一款高效跨平台移动应用开发框架,使用 Dart 语言,具备快速开发、跨平台支持、高性能、热重载及美观界面等特点。本文从 Flutter 简介、特点、开发环境搭建、应用架构、组件详解、路由管理、状态管理、与原生代码交互、性能优化、应用发布与部署及未来趋势等方面,全面解析 Flutter 技术,助你掌握这一前沿开发工具。
1411 8
|
前端开发 Android开发 开发者
移动应用开发的未来:探索跨平台解决方案##
在移动开发的海洋中,跨平台框架如同一艘能够穿梭于iOS和Android两大操作系统之间的航船。本文将探讨这艘航船的构造—从它的起源、它的引擎(技术架构),到它能抵达的岸边(应用场景)。我们将启航,一探究竟如何在波涛汹涌的市场中找到自己的航线。 ##
314 3