cordova - Cordova加速度传感器 - cordova教程 , 学习cordova , cordova android , cordova ios



  • 该插件也被称为设备运动。 它用来在三个维度来跟踪设备的运动。
cordova教程 - cordova - 
学习cordova - 
cordova plugin -Cordova文件系统 - Cordova plugin 生成 -  
- Cordova加速度计 - apache cordova的例子

cordova教程 - cordova - 学习cordova - cordova plugin - Cordova文件系统 - apache cordova网址访问 - Cordova plugin 生成 - - Cordova加速度计 - apache cordova的例子

Wikitechy cordova tutorial tags - apache cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova下载 , apache cordova是什么 , cordova plugin开发 , apache cordova教程 , cordova 教程 , cordova插件开发 , cordova菜鸟教程 , 菲律宾cordova岛 , cordova 持续定位

第1步 - 安装加速度传感器插件

  • 我们将用cordova-CLI来安装这个插件。在命令提示符窗口键入下面的代码。
D:\worksp\cordova\CordovaProject>cordova plugin add cordova-plugin-device-motion
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第2步 - 添加按钮

  • 我们需要做的下一件事就是在 index.html 文件中添加两个按钮。一个将被用于获取当前加速度并其他将观察加速度的变化。
<body>
        <div class="app">
            <h1>Cordova加速度传感器</h1>
            <button id = "getAcceleration">GET ACCELERATION</button>
            <button id = "watchAcceleration">WATCH ACCELERATION</button>

        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
</body>
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第3步 - 添加事件监听器

  • 将按钮添加到 index.js 中的事件侦听器 onDeviceReady 函数内部(放在前面)。
document.getElementById("getAcceleration").addEventListener("click", getAcceleration);
document.getElementById("watchAcceleration").addEventListener("click", watchAcceleration);
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第4步 - 创建函数

  • 我们将创建两个函数。第一个将被用来获取当前加速度,第二个会看加速度并每隔三秒钟告知我们。我们也通过添加clearWatch setTimeout函数包装停止指定的时间帧之后监视加速度。频率(frequency)参数用于每三秒触发回调函数。
function getAcceleration(){
   navigator.accelerometer.getCurrentAcceleration(accelerometerSuccess, accelerometerError);

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

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

function watchAcceleration(){
    
   var accelerometerOptions = {
      frequency: 3000
   }

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

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

      setTimeout(function() {
         navigator.accelerometer.clearWatch(watchID);
      }, 10000);

   };

   function accelerometerError() {
      alert('onError!');
   };
	
} 
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
  • 现在,如果我们按GET ACCELERATION按钮将获得当前加速度值。如果我们按WATCH ACCELERATION警告提示将每三秒钟触发。第三警告提示显示后,clearWatch函数将被调用,因为我们设置超时时间为10000毫秒,所以不会得到任何更多的警报。
 acceleration image

学习cordova - cordova教程 - 加速图像 - cordova示例 - cordova程序

cordova教程 - cordova - 
学习cordova - 
cordova plugin -Cordova文件系统 - Cordova plugin 生成 -  
- Cordova加速度计 - apache cordova的例子

cordova教程 - cordova - 学习cordova - cordova plugin - Cordova文件系统 - apache cordova网址访问 - Cordova plugin 生成 - - Cordova加速度计 - apache cordova的例子


wikitechy provides you the following points such as cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova api , cordova-android , phonegap cordova , cordova plugin , cordova下载 , apache cordova是什么 , cordova cli , cordova plugin开发 , apache cordova教程 , cordova 教程 , vue cordova , ngcordova , ionic cordova , cordova plugin file , cordova 安装 , ionic 会取代cordova么 , cordova怎么样 , cordova插件开发 ,cordova菜鸟教程 , cordova react , cordova ionic vuejs , 菲律宾cordova岛 , cordova 持续定位 , phonegap , cordoba , cordova plugins , cardova , apache cordova , cordova phonegap , ionic cordova phonegap , apache cordova alternatives , cordova for visual studio , best ide for cordova development , create cordova plugin android , cordova ios 4 , apache cordova download , cordova build command , cordova web support , cordova webview android , how to install cordova , phonegap developer , apache cordova ionic , cordova command

Related Searches to Cordova加速度传感器