自从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

1

2

3

<feature name="Accelerometer">

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

</feature>

完整配置例如以下：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<?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.完整样例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

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

1

2

3

4

5

6

7

8

9

10

11

<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探险系列（三）的更多相关文章

  1. Cordova探险系列（一个）

    最早接触PhoneGap平台是在1年多之前,可以使用HTML.CSS和JavaScript跨平台来编写Android或者IOS设备程序.而且应用的核心代码不须要多少改动就行移植.确实让我感觉的到它应该 ...

  2. Cordova入门系列（三）Cordova插件调用 转发 https://www.cnblogs.com/lishuxue/p/6018416.html

    Cordova入门系列(三)Cordova插件调用   版权声明:本文为博主原创文章,转载请注明出处 上一章我们介绍了cordova android项目是如何运行的,这一章我们介绍cordova的核心 ...

  3. Cordova入门系列（四）自定义Cordova插件--showToast

    前三篇Cordova入门系列,简单讲解了Cordova,以及如何调用Cordova插件,今天我们讲解一下如何自己做一个插件. 自定义插件,就是自己写一些安卓java代码,然后和js代码以及配置文件,封 ...

  4. 前端构建大法 Gulp 系列 (三)：gulp的4个API 让你成为gulp专家

    系列目录 前端构建大法 Gulp 系列 (一):为什么需要前端构建 前端构建大法 Gulp 系列 (二):为什么选择gulp 前端构建大法 Gulp 系列 (三):gulp的4个API 让你成为gul ...

  5. Web 开发人员和设计师必读文章推荐【系列三十】

    <Web 前端开发精华文章推荐>2014年第9期(总第30期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...

  6. MyBatis学习系列三——结合Spring

    目录 MyBatis学习系列一之环境搭建 MyBatis学习系列二——增删改查 MyBatis学习系列三——结合Spring MyBatis在项目中应用一般都要结合Spring,这一章主要把MyBat ...

  7. MySQL并发复制系列三：MySQL和MariaDB实现对比

    http://blog.itpub.net/28218939/viewspace-1975856/ 并发复制(Parallel Replication) 系列三:MySQL 5.7 和MariaDB ...

  8. WCF编程系列(三)地址与绑定

    WCF编程系列(三)地址与绑定   地址     地址指定了接收消息的位置,WCF中地址以统一资源标识符(URI)的形式指定.URI由通讯协议和位置路径两部分组成,如示例一中的: http://loc ...

  9. 【JAVA编码专题】 JAVA字符编码系列三：Java应用中的编码问题

    这两天抽时间又总结/整理了一下各种编码的实际编码方式,和在Java应用中的使用情况,在这里记录下来以便日后参考. 为了构成一个完整的对文字编码的认识和深入把握,以便处理在Java开发过程中遇到的各种问 ...

随机推荐

  1. Jquery+ajax+json+servlet原理和Demo

    Jquery+ajax+json+servlet原理和Demo 大致过程: 用户时间点击,触发js,设置$.ajax,开始请求.服务器响应,获取ajax传递的值,然后处理.以JSON格式返回给ajax ...

  2. 从iReport至Jaspersoft Studio

    这篇文章同步到http://www.waylau.com/from-ireport-to-jaspersoft-studio/ 从5.5版本号開始,Jaspersoft Studio将代替iRepor ...

  3. JAVA进阶----主线程等待子线程各种方案比较（转）

    创建线程以及管理线程池基本理解 参考原文链接:http://www.oschina.net/question/12_11255?sort=time 一.创建一个简单的java线程 在 Java 语言中 ...

  4. Session为空的一种原因

    在维护一份比较老的代码,想改为ajax调用,然后就添加了一个一般处理程序文件,也就是以.ashx结尾的文件,一切都正常,但发现session一直为空,很奇怪 基本的代码如下: public class ...

  5. asp.net mvc4中自定义404页面

    原文地址:http://www.chuchur.com/asp-net-mvc4-404/ 定义404 方法当然有很多种.不同的方法所展现的形式也不一样,用户所体验也不一样.以下提供2两种 方法一: ...

  6. Wix打包系列（五） 部署数据库

    原文:Wix打包系列(五) 部署数据库 很多人在使用vs进行打包的时候,经常会为数据库部署的问题犯愁,即便是重写Installer类的方法,也不是很可靠方便,下面我们来看看在wix中如何部署数据库. ...

  7. 2-13. 平均两个有序序列（25）（ZJU_PAT 名单 | 排列 ）

    主题链接:http://pat.zju.edu.cn/contests/ds/2-13 已知有两个等长的非降序序列S1, S2, 设计函数求S1与S2并集的中位数.有序序列A0, A1-AN-1的中位 ...

  8. HTML中的div标签

    在网页制作过程过中,能够把一些独立的逻辑部分划分出来.放在一个<div>标签中,这个<div>标签的作用就相当于一个容器. 为了使逻辑更加清晰,我们能够为这一个独立的逻辑部分设 ...

  9. JS经常使用正則表達式【分享】

    工作中JS经常使用表达式: 1)2010-09-10类型日期校验 2)推断正整数.字符串长度 3)校验长度,和是否空 4)推断字符串是否为空 5)比較字符大小 6)推断字符串长度 7)推断格式是否为E ...

  10. SCSI miniport 驾驶一个简单的框架

    前段时间,只需用一台新电脑,由于资金有限没有匹配了心仪已久的SSD.我没感觉到飞翔的感觉,总不甘心,仔细想想.我死了相当大的存储,我们可以假设部分内存作为硬盘驱动器把它弄出来.不会比固态硬盘的速度快, ...