PhoneGap 加速度計

最新推荐文章于 2014-05-22 14:16:25 发布
最新推荐文章于 2014-05-22 14:16:25 发布
阅读量722 收藏
点赞数
分类专栏： PhoneGap 文章标签： PhoneGap

加速度計

擷取裝置中的x、 y和z方向運動。

方法

參數

物件 （唯讀）

訪問功能

從 3.0 版，科爾多瓦作為外掛程式實現了設備級 Api。 使用 CLI 的 plugin 命令，描述在命令列介面，可以添加或刪除一個專案，為此功能：

    $ cordova plugin add org.apache.cordova.device-motion
    $ cordova plugin ls
    [ 'org.apache.cordova.device-motion' ]
    $ cordova plugin rm org.apache.cordova.device-motion

這些命令適用于所有有針對性的平臺，但修改如下所述的特定于平臺的配置設置：

  • （在 androidapp/res/xml/config.xml)

    < 功能名稱 ="加速度計">< 參數名稱 ="android 包"value="org.apache.cordova.AccelListener"/ >< / 功能 >

  • 黑莓手機 WebWorks

    (in www/plugins.xml) < 功能名稱 ="加速度計">< 參數名稱 ="黑莓手機-包"value="org.apache.cordova.accelerometer.Accelerometer"/ >< / 功能 > (在 www/config.xml) < 功能 id="blackberry.system"所需 ="true"版本 ="1.0.0.0"/ >< 功能 id="org.apache.cordova"所需 ="true"版本 ="1.0.0"/ >

  • （在 iOSconfig.xml)

    < 功能名稱 ="加速度計">< 參數名稱 ="ios 包"值 ="CDVAccelerometer"/ >< / 功能 >

  • （在 Windows PhoneProperties/WPAppManifest.xml)

    <Capabilities>
    <Capability Name="ID_CAP_SENSORS" />
</Capabilities>

    引用：為 Windows Phone 應用程式清單

一些平臺可能支援此功能，而無需任何特殊的配置。請參見在概述部分中的平臺支援。

accelerometer.getCurrentAcceleration

獲取當前加速沿x、 y和z軸。

navigator.accelerometer.getCurrentAcceleration(accelerometerSuccess, accelerometerError);

說明

加速度計是動作感應器檢測到的更改 (三角洲) 在相對於當前的設備方向，在三個維度沿x、 y和z軸運動。

這些加速度值將返回到 accelerometerSuccess 回呼函數。

支援的平臺

  • Android 系統
  • 黑莓手機 WebWorks （OS 5.0 和更高）
  • iOS
  • Tizen
  • Windows Phone 7 和 8
  • Windows 8

快速的示例

function onSuccess(acceleration) {
    alert('Acceleration X: ' + acceleration.x + '\n' +
          'Acceleration Y: ' + acceleration.y + '\n' +
          'Acceleration Z: ' + acceleration.z + '\n' +
          'Timestamp: '      + acceleration.timestamp + '\n');
};

function onError() {
    alert('onError!');
};

navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);

完整的示例

<!DOCTYPE html>
<html>
  <head>
    <title>Acceleration Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
    }

    // onSuccess: Get a snapshot of the current acceleration
    //
    function onSuccess(acceleration) {
        alert('Acceleration X: ' + acceleration.x + '\n' +
              'Acceleration Y: ' + acceleration.y + '\n' +
              'Acceleration Z: ' + acceleration.z + '\n' +
              'Timestamp: '      + acceleration.timestamp + '\n');
    }

    // onError: Failed to get the acceleration
    //
    function onError() {
        alert('onError!');
    }

    </script>
  </head>
  <body>
    <h1>Example</h1>
    <p>getCurrentAcceleration</p>
  </body>
</html>

iOS 的怪癖

  • iOS 不會認識到在任何給定的點獲取當前加速度的概念。

  • 你必須看加速和捕獲的資料在特定的時間間隔。

  • 因此， getCurrentAcceleration 收益率從報告的最後一個值的函數 watchAccelerometer 調用。

accelerometer.watchAcceleration

固定間隔，在獲得沿x、 y和z軸加速度。

var watchID = navigator.accelerometer.watchAcceleration(accelerometerSuccess,
                                                       accelerometerError,
                                                       [accelerometerOptions]);

說明

加速度計是動作感應器檢測到的更改 (delta) 相對於當前位置的運動中。 加速度感應器可以檢測到沿x、 y和z軸的三維運動。

accelerometer.watchAcceleration方法檢索設備的電流 Acceleration 間隔時間定期，執行 accelerometerSuccess 回呼函數每次。 指定的時間間隔，以毫秒為單位通過 acceleratorOptions 物件的 frequency 參數。

返回的觀看 ID 引用加速度計的手錶時間間隔，並可以用 accelerometer.clearWatch 來停止看加速度計。

支援的平臺

  • Android 系統
  • 黑莓手機 WebWorks （OS 5.0 和更高）
  • iOS
  • Tizen
  • Windows Phone 7 和 8
  • Windows 8

快速的示例

function onSuccess(acceleration) {
    alert('Acceleration X: ' + acceleration.x + '\n' +
          'Acceleration Y: ' + acceleration.y + '\n' +
          'Acceleration Z: ' + acceleration.z + '\n' +
          'Timestamp: '      + acceleration.timestamp + '\n');
};

function onError() {
    alert('onError!');
};

var options = { frequency: 3000 };  // Update every 3 seconds

var watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);

完整的示例

<!DOCTYPE html>
<html>
  <head>
    <title>Acceleration Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // The watch id references the current `watchAcceleration`
    var watchID = null;

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        startWatch();
    }

    // Start watching the acceleration
    //
    function startWatch() {

        // Update acceleration every 3 seconds
        var options = { frequency: 3000 };

        watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);
    }

    // Stop watching the acceleration
    //
    function stopWatch() {
        if (watchID) {
            navigator.accelerometer.clearWatch(watchID);
            watchID = null;
        }
    }

    // onSuccess: Get a snapshot of the current acceleration
    //
    function onSuccess(acceleration) {
        var element = document.getElementById('accelerometer');
        element.innerHTML = 'Acceleration X: ' + acceleration.x         + '<br />' +
                            'Acceleration Y: ' + acceleration.y         + '<br />' +
                            'Acceleration Z: ' + acceleration.z         + '<br />' +
                            'Timestamp: '      + acceleration.timestamp + '<br />';
    }

    // onError: Failed to get the acceleration
    //
    function onError() {
        alert('onError!');
    }

    </script>
  </head>
  <body>
    <div id="accelerometer">Waiting for accelerometer...</div>
  </body>
</html>

iOS 的怪癖

API 呼叫成功的回呼函數的時間間隔的要求，但到 40ms年之間設備限制所請求的範圍和 1000ms。 例如，如果請求的時間間隔為 3 秒，(3000ms) API 請求資料從設備每隔 1 秒，但只有執行成功回檔每隔 3 秒。

accelerometer.clearWatch

停止看 Acceleration 引用的 watchID 參數。

navigator.accelerometer.clearWatch(watchID);

支援的平臺

  • Android 系統
  • 黑莓手機 WebWorks （OS 5.0 和更高）
  • iOS
  • Tizen
  • Windows Phone 7 和 8
  • Windows 8

快速的示例

var watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);

// ... later on ...

navigator.accelerometer.clearWatch(watchID);

完整的示例

<!DOCTYPE html>
<html>
  <head>
    <title>Acceleration Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // The watch id references the current `watchAcceleration`
    var watchID = null;

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        startWatch();
    }

    // Start watching the acceleration
    //
    function startWatch() {

        // Update acceleration every 3 seconds
        var options = { frequency: 3000 };

        watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);
    }

    // Stop watching the acceleration
    //
    function stopWatch() {
        if (watchID) {
            navigator.accelerometer.clearWatch(watchID);
            watchID = null;
        }
    }

    // onSuccess: Get a snapshot of the current acceleration
    //
    function onSuccess(acceleration) {
        var element = document.getElementById('accelerometer');

        element.innerHTML = 'Acceleration X: ' + acceleration.x + '<br />' +
                            'Acceleration Y: ' + acceleration.y + '<br />' +
                            'Acceleration Z: ' + acceleration.z + '<br />' +
                            'Timestamp: '      + acceleration.timestamp + '<br />';
    }

    // onError: Failed to get the acceleration
    //
    function onError() {
        alert('onError!');
    }

    </script>
  </head>
  <body>
    <div id="accelerometer">Waiting for accelerometer...</div>
        <button onclick="stopWatch();">Stop Watching</button>
  </body>
</html>

加速度

包含 Accelerometer 在時間中的特定點捕獲的資料。

屬性

  • x： 在 X 軸上的加速度量。（在 m/s ^2)（人數）
  • y： 在 y 軸上的加速度量。（在 m/s ^2)（人數）
  • z： 在 Z 軸上的加速度量。（在 m/s ^2)（人數）
  • 時間戳記： 創建時間戳記以毫秒為單位。() DOMTimeStamp

說明

Acceleration物件是填充的返回的任何的 API 的 Accelerometer 方法。 加速度值包括引力的影響 (9.81 m/s ^2)，因此當設備謊言平面和麵朝上， x、 y，和z返回的值應該是 ， ，和9.81.

支援的平臺

  • Android 系統
  • 黑莓手機 WebWorks （OS 5.0 和更高）
  • iOS
  • Tizen
  • Windows Phone 7 和 8
  • Windows 8

快速的示例

function onSuccess(acceleration) {
    alert('Acceleration X: ' + acceleration.x + '\n' +
          'Acceleration Y: ' + acceleration.y + '\n' +
          'Acceleration Z: ' + acceleration.z + '\n' +
          'Timestamp: '      + acceleration.timestamp + '\n');
};

function onError() {
    alert('onError!');
};

navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);

完整的示例

<!DOCTYPE html>
<html>
  <head>
    <title>Acceleration Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
    }

    // onSuccess: Get a snapshot of the current acceleration
    //
    function onSuccess(acceleration) {
        alert('Acceleration X: ' + acceleration.x + '\n' +
              'Acceleration Y: ' + acceleration.y + '\n' +
              'Acceleration Z: ' + acceleration.z + '\n' +
              'Timestamp: '      + acceleration.timestamp + '\n');
    }

    // onError: Failed to get the acceleration
    //
    function onError() {
        alert('onError!');
    }

    </script>
  </head>
  <body>
    <h1>Example</h1>
    <p>getCurrentAcceleration</p>
  </body>
</html>

accelerometerSuccess

提供的 onSuccess 回呼函數 Acceleration 的資訊。

function(acceleration) {
    // Do something
}

參數

示例

function onSuccess(acceleration) {
    alert('Acceleration X: ' + acceleration.x + '\n' +
          'Acceleration Y: ' + acceleration.y + '\n' +
          'Acceleration Z: ' + acceleration.z + '\n' +
          'Timestamp: '      + acceleration.timestamp + '\n');
};

accelerometerError

加速度函數 onError 的回呼函數。

function() {
    // Handle the error
}

accelerometerOptions

若要自訂的加速度計值檢索一個可選參數。

選項

  • 頻率： 經常如何檢索 Acceleration 以毫秒為單位。（人數）（預設值： 10000）
MarkHD
关注
专栏目录
phoneGap得到手机加速度
02-28
PhoneGap的核心理念是通过Web技术来桥接移动设备的硬件功能，如摄像头、加速度计等，使得Web开发者也能利用这些硬件特性，而无需深入学习原生的iOS或Android开发。 在本项目中，我们将关注如何使用PhoneGap获取手机...
PhoneGap,API帮助文档翻译整理1-Accelerometer(加速度计)
04-28
### PhoneGap中的Accelerometer（加速度计）API详解 #### 一、简介 加速度计是一种常见的硬件传感器，被广泛应用于智能手机和平板电脑等移动设备上。它主要用于测量设备在三维空间中的线性加速度，通常包括三个轴...
phonegap入门--3 Accelerometer 加速器
孟祥月的专栏
04-11 4386
昨天刚刚用phonegap2.5.0 发了一篇博客,今天马上phonegap更新到了2.6.0,看着它官方的changlog我也不知道它说的额什么,应该就是修复了bug,这次代码没有使用phonegap2.6.0,从下篇文章开始用. 今天介绍phonegap的Accelerometer加速器，这个API的主要作用是采集设备在x、y、z方向上的动作。我自己的理解就是返回在x、y、z方向上的加速，我
美轮美奂的phonegap(二)---获取加速度的传感器
Senssic
05-22 934
方法： accelerometer.getCurrentAcceleration--- accelerometer.watchAcceleration--- accelerometer.clearWatch--- 参数： accelerometerSuccess accelerometerError accelerometerOptions 对象（只读）： acceleratio
PhoneGap API帮助文档翻译—Accelerometer (加速度计)
huidaoli
03-20 1377
“采集设备在x、y、z方向上的动作。方法： accelerometer.getCurrentAcceleration accelerometer.watchAcceleration accelerometer.clearWatch 参数： accelerometerSuccess accelerometerError accelerometerOptions 对象(只读)： ...
phoneGap得到加速度Accelerometer
王光荣的专栏
02-28 1407
phoneGap可以通过对象accelerometer得到手机的加速度， accelerometer对象可以直接使用，也可以通过全写"navigator.accelermometer"得到。 加速度是矢量，accelerometer得到的加速度是把垂直手机方向当z轴, 手机平面上分x与y轴， 如下图： 得到当前时间点的加速度使用 navigator.accelerometer.get
PhoneGap:关于 PhoneGap 插件
06-28
它们提供了一种方式，让开发者可以访问和控制设备的硬件功能，如摄像头、GPS、加速度计等，这些功能通常是 JavaScript 无法直接操作的。PhoneGap 插件通常由两部分组成：一部分是 JavaScript 代码，这部分与应用的...
PhoneGap实例
06-07
PhoneGap是一个开源框架，它允许开发者使用HTML、CSS和JavaScript来开发原生的移动应用，同时能访问到设备的各种功能，如摄像头、GPS、加速度计等。 在PhoneGap实例中，`phonegap100_apidemo`可能是一个包含多个...
基于java的的个人博客网站的设计与实现设计与实现.docx
09-19
基于java的的个人博客网站的设计与实现设计与实现.docx
基于java的技术大健康综合咨询问诊平台的设计与实现.docx
09-19
基于java的技术大健康综合咨询问诊平台的设计与实现.docx
java-ssm+vue小型企业办公自动化系统实现源码(项目源码-说明文档)
09-19
系统可以提供信息显示和相应服务，其管理员管理部门经理，管理总经理，管理员工和员工留言以及员工工资，管理内部邮件，管理审批流程，管理离职申请。部门经理给员工发放工资，审核并回复员工留言，管理员工工资，审核员工的离职申请信息，查询和下载内部邮件以及审批流程。总经理查询下载内部邮件和审批流程，审核员工离职申请，查询员工工资，查询员工和部门经理。员工发布留言，发布内部邮件，发布离职申请，查询通知公告和审批流程，查看员工本人工资。 项目关键技术 开发工具：IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术：ssm 前端技术：Vue 关键技术：springboot、SSM、vue、MYSQL、MAVEN 数据库工具：Navicat、SQLyog
基于java的网上办公自动化系统设计与实现.docx
09-19
基于java的网上办公自动化系统设计与实现.docx
2019优益C x 易烊千玺微博营销案结案报告.pptx
09-19
2019优益C x 易烊千玺微博营销案结案报告.pptx
led-tcp-maste资源
09-19
led-tcp-maste资源
金士顿U盘微博营销活动策划方案.ppt
最新发布
09-19
金士顿U盘微博营销活动策划方案.ppt
chipup芯昇XS2180-PoE芯片说明，详细版
09-19
chipup芯昇XS2180-PoE芯片说明，详细版
#_ssm_105_mysql_学生比赛指导管理系统_.zip
09-19
均包含代码，文章，部分项目包含ppt
PhoneGap加速度感应器API详解
这个API文档主要聚焦于PhoneGap的加速度计功能，这是一个能够检测设备在三个维度（X、Y、Z轴）上运动变化的传感器。 加速度计API提供了以下方法： 1. accelerometer.getCurrentAcceleration：这个方法用于获取设备...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值