当前时间:Friday 2016年12月09日 欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

当前位置: 首页 >> HTML5,phonegap开发 >> 正文

PhoneGap实践(Native Api调用 + 自定义Plugin(BarcodePlugin))

 

 

 

一个实例来说一下如何用PhoneGap调用Native Api,以及自定义Plugin来调用PhoneGap Native Api中没有的功能(Barcode扫描)。

环境:Android2.2

第三方库:PhoneGap、zxing、jqueryMobile

功能:

1)在js中调用PhoneGap提供的NativeApi,navigator.contacts.find列表显示手机联系人信息。

2)由于PhoneGap的NativeApi中没有提供二维码的扫描功能,我们自定义BarcodePlugin,来实现在js中调用扫描二维码。

先上图:

查询手机联系人的关键代码:

1 var options = new ContactFindOptions();
2         options.filter = "李";
3         options.multiple = true;
4 var fields = ["displayName", "phoneNumbers", "emails"];
5         navigator.contacts.find(fields, onSuccess, onError, options);

其中,fields表示需要查询的联系人字段,onSuccess/onError是回调(因为这个调用是异步的),options是过滤条件,如果不传表示查询所有联系人。

自定义Plugin代码:

BarcodePlugin.java

复制代码

1 public class BarcodePlugin extends Plugin
2 {
3 private final int CODE_REQ_BARCODE = 1;
4 private final int WHAT_BARCODE_SCAN = 1;
5 private String text;
6 private Object synObj = new Object();
7
8 private Handler handler = new Handler()
9     {
10 public void handleMessage(Message msg)
11         {
12 if(msg == null)
13             {
14 return;
15             }
16 switch (msg.what)
17             {
18 case WHAT_BARCODE_SCAN:
19                     Intent intent = new Intent(ctx.getContext(), BarcodeActivity.class);
20                     ctx.startActivityForResult(BarcodePlugin.this, intent, CODE_REQ_BARCODE);
21 break;
22             }
23         };
24     };
25
26 public PluginResult execute(String action, JSONArray args, String callbackId)
27     {
28         text = "";
29         handler.sendEmptyMessage(WHAT_BARCODE_SCAN);
30
31         sleep();
32
33 return new PluginResult(PluginResult.Status.OK, text);
34     }
35
36 public void onActivityResult(int requestCode, int resultCode, Intent intent)
37     {
38 if(requestCode == CODE_REQ_BARCODE)
39         {
40 if(resultCode == Activity.RESULT_OK)
41             {
42                 text = intent.getExtras().getString("text");
43             }
44             weakup();
45         }
46 else
47         {
48 super.onActivityResult(requestCode, resultCode, intent);
49         }
50     }
51
52 private void sleep()
53     {
54 try
55         {
56 synchronized(synObj)
57             {
58                 synObj.wait();
59             }
60         }
61 catch (InterruptedException e)
62         {
63             e.printStackTrace();
64         }
65     }
66
67 private void weakup()
68     {
69 synchronized(synObj)
70         {
71             synObj.notify();
72         }
73     }
74 }

复制代码

需要注意:execute()线程不是UI线程,不能执行UI操作(启动BarcodeActivity),这里交由handler来启动barcode扫描,然后execute线程睡眠,当扫描结束时,execute线程被唤醒,然后把扫描结果写到客户端。

感兴趣的朋友可以在这里下载代码

作者:夜阑小雨
原文链接:PhoneGap实践(Native Api调用 + 自定义Plugin(BarcodePlugin))
夜阑小雨版权所有,转载本网站文章时请保留此信息。

收藏和分享: 转贴到开心网 转贴到校内网 分享到 Twitter Delicious 分享到 Google Reader 分享到 百度收藏 分享到 QQ收藏

所在分类:HTML5 phonegap开发

评论信息

0 条评论 发表评论

发布评论

您必须登录才能发表评论。

网站客户端下载