PhoneGap实践（Native Api调用 + 自定义Plugin（BarcodePlugin））

前一篇分析了PhoneGap的原理，这一篇将以一个实例来说一下如何用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中调用扫描二维码。

 

先上图：

       

 

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

         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代码：

 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线程被唤醒，然后把扫描结果写到客户端。

 

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