Cordova探险系列（三）

自从3.0之后。Cordova默认是关闭全部关于设备原生特性功能的，所以我们要通过加入插件来启动原生特性。

这里以Accelerometer（加速度感应器）为例，来学习怎样使用设备原生特性。

1.加入插件

首先，须要在project文件夹下。通过CLI命令加入插件。

1	`cordova plugin add org.apache.cordova.device-motion`

通过ls命令。能够查看当前项目下。已经安装的插件。

1	`cordova plugin ls`

2.在config.xml文件里配置该特性

路径：res/xml/config.xml

<feature name="Accelerometer">

  <param name="android-package" value="org.apache.cordova.devicemotion.AccelListener" />

</feature>

完整配置例如以下：

<?xml version='1.0' encoding='utf-8'?>

<widget id="com.example.hello.HelloWorld" version="0.0.1"

xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">

    <name>HelloCordova</name>

    <description>

        A sample Apache Cordova application that responds to the deviceready event.

    </description>

    <author email="dev@cordova.apache.org" href="http://cordova.io">

        Apache Cordova Team

    </author>

    <content src="index.html" />

    <access origin="*" />

    <feature name="Accelerometer">

        <param name="android-package" value="org.apache.cordova.devicemotion.AccelListener" />

    </feature>

</widget>

某些插件还须要在Android的AndroidManifest.xml中加入uses-permission

比如：

1	`<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />`

当然。这里不须要！

3.API

1	`navigator.accelerometer.getCurrentAcceleration(onSuccess, onError)`

onSuccess和onError是相应的回调函数

4.完整样例

<!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">

    document.addEventListener("deviceready", onDeviceReady, false);

    function onDeviceReady() {

    }

    function getCurrrentAcceleration() {

        navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);

    }

    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!');

    }

    </script>

  </head>

  <body>

    <button onClick="getCurrrentAcceleration()">click</button>

  </body>

</html>

假设用Android的原生API，用Java代码来实现同样功能呢，例如以下：

Activity

import android.app.Activity;

import android.hardware.Sensor;

import android.hardware.SensorEvent;

import android.hardware.SensorEventListener;

import android.hardware.SensorManager;

import android.os.Bundle;

import android.view.View;

import me.zeph.shakeshake.R;

import me.zeph.shakeshake.fragment.FireMissilesDialogFragment;

import static android.hardware.Sensor.TYPE_ACCELEROMETER;

import static android.hardware.SensorManager.SENSOR_DELAY_NORMAL;

public class MyActivity extends Activity {

    private SensorManager sensorManager;

    private Sensor sensor;

    private AccelerometerListener listener;

    private String text;

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        initSensor();

    }

    private void initSensor() {

        sensorManager = (SensorManager) getSystemService(SENSOR_SERVICE);

        sensor = sensorManager.getDefaultSensor(TYPE_ACCELEROMETER);

        listener = new AccelerometerListener();

        sensorManager.registerListener(listener, sensor, SENSOR_DELAY_NORMAL);

    }

    @Override

    protected void onStop() {

        super.onStop();

        sensorManager.unregisterListener(listener);

    }

    public void sendMessage(View view) {

        FireMissilesDialogFragment fireMissilesDialogFragment = new FireMissilesDialogFragment(text);

        fireMissilesDialogFragment.show(getFragmentManager(), "some tag");

    }

    class AccelerometerListener implements SensorEventListener {

        @Override

        public void onSensorChanged(SensorEvent event) {

            text = "Acceleration X: \n" + event.values[0] + "\n" +

                    "Acceleration Y: \n" + event.values[1] + "\n" +

                    "Acceleration Z: \n" + event.values[2] + "\n" +

                    "Timestamp: \n" + event.timestamp + "\n";

        }

        @Override

        public void onAccuracyChanged(Sensor sensor, int i) {

        }

    }

}

Dialog

import android.app.AlertDialog;

import android.app.Dialog;

import android.app.DialogFragment;

import android.content.DialogInterface;

import android.os.Bundle;

import me.zeph.shakeshake.R;

public class FireMissilesDialogFragment extends DialogFragment {

    private String text;

    public FireMissilesDialogFragment(String text) {

        this.text = text;

    }

    @Override

    public Dialog onCreateDialog(Bundle savedInstanceState) {

        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());

        builder

                .setTitle(R.string.dialog_accelerometer)

                .setMessage(text)

                .setNeutralButton(R.string.ok, new DialogInterface.OnClickListener() {

                    @Override

                    public void onClick(DialogInterface dialogInterface, int i) {

                    }

                });

        return builder.create();

    }

}

main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

              android:orientation="vertical"

              android:layout_width="fill_parent"

              android:layout_height="fill_parent"

        >

    <Button android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:text="@string/click"

            android:onClick="sendMessage"

            />

</LinearLayout>

Cordova探险系列（三）的更多相关文章

Cordova探险系列（一个）
最早接触PhoneGap平台是在1年多之前,可以使用HTML.CSS和JavaScript跨平台来编写Android或者IOS设备程序.而且应用的核心代码不须要多少改动就行移植.确实让我感觉的到它应该 ...
Cordova入门系列（三）Cordova插件调用转发 https://www.cnblogs.com/lishuxue/p/6018416.html
Cordova入门系列(三)Cordova插件调用版权声明:本文为博主原创文章,转载请注明出处上一章我们介绍了cordova android项目是如何运行的,这一章我们介绍cordova的核心 ...
Cordova入门系列（四）自定义Cordova插件--showToast
前三篇Cordova入门系列,简单讲解了Cordova,以及如何调用Cordova插件,今天我们讲解一下如何自己做一个插件. 自定义插件,就是自己写一些安卓java代码,然后和js代码以及配置文件,封 ...
前端构建大法 Gulp 系列 (三)：gulp的4个API 让你成为gulp专家
系列目录前端构建大法 Gulp 系列 (一):为什么需要前端构建前端构建大法 Gulp 系列 (二):为什么选择gulp 前端构建大法 Gulp 系列 (三):gulp的4个API 让你成为gul ...
Web 开发人员和设计师必读文章推荐【系列三十】
<Web 前端开发精华文章推荐>2014年第9期(总第30期)和大家见面了.梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...
MyBatis学习系列三——结合Spring
目录 MyBatis学习系列一之环境搭建 MyBatis学习系列二——增删改查 MyBatis学习系列三——结合Spring MyBatis在项目中应用一般都要结合Spring,这一章主要把MyBat ...
MySQL并发复制系列三：MySQL和MariaDB实现对比
http://blog.itpub.net/28218939/viewspace-1975856/ 并发复制(Parallel Replication) 系列三:MySQL 5.7 和MariaDB ...
WCF编程系列(三)地址与绑定
WCF编程系列(三)地址与绑定地址地址指定了接收消息的位置,WCF中地址以统一资源标识符(URI)的形式指定.URI由通讯协议和位置路径两部分组成,如示例一中的: http://loc ...
【JAVA编码专题】 JAVA字符编码系列三：Java应用中的编码问题
这两天抽时间又总结/整理了一下各种编码的实际编码方式,和在Java应用中的使用情况,在这里记录下来以便日后参考. 为了构成一个完整的对文字编码的认识和深入把握,以便处理在Java开发过程中遇到的各种问 ...

随机推荐

OCP读书笔记(10) - 使用闪回技术I
使用闪回技术查询数据闪回查询:就是查询表在过去某个时间点的数据,所用到的技术就是undo数据 SQL> conn scott/tiger 创建测试表 SQL> create table ...
正确理解HTML,XHTML页面的头部doctype定义
摘自http://www.west263.com/info/html/wangyezhizuo/css/20080225/42390.html 当我们制作页面的时候,总会在它的源代码头部看到一串声明, ...
利用linux BT5来破解无线破解无线
下面是自己整理的详细步骤,版权小冯全部. 一.提前准备好bt5的ISO镜像文件.和虚拟机,提前把虚拟机安装好.然后进行安装bt5. 二.进入页面,点击statx.进入可视化界面. 三.进入主界面后.下 ...
poj2226（最小点覆盖）
传送门:Muddy Fields 题意:一个由r行c列方格组成的田地,里面有若干个方格充满泥泞,其余方格都是草.要用长度不限,宽度为1的长木板来覆盖这些泥方格,但不能覆盖草地.最少要用多少个长木板. ...
C#：根据银行卡卡号推断银行名称
原文:C#:根据银行卡卡号推断银行名称原文地址:android 根据银行卡卡号判断银行原文是 java ,现在将它翻译成 C# ,并对代码重新编排整理,不足之处请多多包涵. 根据银行卡号判断所属银 ...
hdu3853（概率dp）
题目连接:http://acm.hdu.edu.cn/showproblem.php?pid=3853 题意:有一个人被困在一个 R*C(2<=R,C<=1000) 的迷宫中,起初他在 ( ...
SQLServer 复制中移除和加入公布而不初始化全部项目
-- 若提前"禁止架构更改".新增的列不会自己主动加入大公布.此时应使用 sp_articlecolumn 加入列 EXEC sp_changepublication @publi ...
创建并使用静态库（ar 命令）
创建并使用静态库(ar 命令) archive命令的功能是:创建或改动归档文件或者从归档文件里析取信息.能够简单的理解为一个打包工具,将成员文件依照一定的规则构建到.a文件里, ...
2014年百度之星程序设计大赛 - 资格赛第三题 Xor Sum
小记:艹蛋呢, 取long long的低30,32,34位都WA, 取31位才AC. .. 思路:依据求数组中两个数异或最大值.參考代码: #include <stdio.h> #inc ...
Ajax改动购物车
1.购物车类的设计 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2hpeWVxaWFuZ2xkaA==/font/5a6L5L2T/fontsize/4 ...

Cordova探险系列（三）

Cordova探险系列（三）的更多相关文章

随机推荐

热门专题