天域苍穹,欢乐颂小说在线阅读

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

PhoneGap，Cordova框架下Html5中JS調(diào)用Android原碼

按照我一慣得套路，我會先說一點(diǎn)廢話。PhoneGap和Cordova什么關(guān)系？為什么有的地方叫Cordova而有的地方叫PhoneGap ?PhoneGap是一款HTML5平臺，通過它，開發(fā)商可以使用HTML、CSS及JavaScript來開發(fā)本地移動應(yīng)用程序。因此，目前開發(fā)商可以只編寫一次應(yīng)用程序，然后在6個(gè)主要的移動平臺和應(yīng)用程序商店(app store)里進(jìn)行發(fā)布，這些移動平臺和應(yīng)用程序商店包括：iOS、Android、BlackBerry、webOS、bada以及Symbian。 Apache Cordova是PhoneGap貢獻(xiàn)給Apache后的開源項(xiàng)目，是從PhoneGap中抽出的核心代碼，是驅(qū)動PhoneGap的核心引擎。大概意思也就是說：Cordova是由PhoneGap發(fā)展而來的，現(xiàn)在的Cordova就是當(dāng)年的PhoneGap。所以下文中我來回的切換叫法，其實(shí)都是一個(gè)東西而已。下面言歸正傳，如何在PhoneGap或者Cordova框架下實(shí)現(xiàn)JS調(diào)用Android原生代碼?(這里就不再啰嗦如何在Android程序中集成PhoneGap了)

1.在你的html5中config.js定義你的Plugin的名稱和方法。名為MyPlugin,有兩個(gè)插件：一個(gè)為自動更新(Update)，一個(gè)為密碼鎖定(PassLock)

 
 
  
  var MyPlugin = { 
  
               UpDate: function (success, fail, url) { 
  
                 
  
  return  PhoneGap.exec(function (args) { 
  
               success(args); 
  
             }, function (args) { 
  
              fail(args); 
  
            }, ‘UpDate’, ‘Update’, [url]); 
  
         },       
  
       PassLock: function (success, fail, url){ 
  
          return  PhoneGap.exec(function (args) { 
  
              success(args); 
  
          }, function (args) { 
  
              fail(args); 
  
          }, ‘PassLock’, ‘PassLock’, [url]); 
  
         
  
       } 
  
  };

2.在xml文件夾下的plugin里注冊你的Plugin.

3.自定義你的Plugin類和處理方法.(這里只貼出了自動更新插件的代碼，很簡單，只是作了一個(gè)跳轉(zhuǎn)

 
 
  
  ublic class UpdatePlugin extends Plugin { 
  
        @Override 
  
          
  
  public PluginResult execute(String arg0, JSONArray arg1, String arg2) { 
  
          /* 
  
         * 跳轉(zhuǎn)到UpdateActivity 
  
         */ 
  
        
  
        Intent intent = new Intent(ctx.getContext(),UpdateActivity.class); 
  
            ctx.startActivity(intent);   
  
            String result = “跳轉(zhuǎn)至UpdateActivity”;  
  
            PluginResult pluginResult = new PluginResult(Status.OK, result); 
  
              
  
  return pluginResult; 
  
           
  
  } 
  
      }

4.在你的JS中調(diào)用你的插件。

 
 
  
  //自動更新 
  
      upDate: function () { 
  
          //調(diào)用android原生的方法檢查并更新 
  
         MyPlugin.UpDate(function(){},function(){},’這里是一個(gè)參數(shù)，我這里不涉及參數(shù)的使用，所以隨便寫’); 
  
      }, 
  
      passLock: function(){ 
  
        //調(diào)用android原生的方法進(jìn)行密碼鎖定有關(guān)操作 
  
          MyPlugin.PassLock(function(){},function(){},’ 
  
  這里是一個(gè)參數(shù)，我這里不涉及參數(shù)的使用，所隨便寫 
  
  ‘); 
  
      },

5.測試，當(dāng)你點(diǎn)擊你的某個(gè)按鈕或者鏈接執(zhí)行你的update：function這個(gè)JS，然后在JS里調(diào)用了MyPlugin下的Update插件，這個(gè)插件在config.js里被定義，在plugin.xml中被注冊，插件具體執(zhí)行的地方時(shí)UpdatePlugin里的execute()方法。執(zhí)行完這個(gè)方法后，你就已經(jīng)調(diào)用了Android的原生代碼咯，當(dāng)然我這里是設(shè)置成了跳轉(zhuǎn)到另外一個(gè)Activity.

所需工具打包下載：http://pan.baidu.com/share/link?shareid=1636341858&uk=2937351404

本文鏈接：http://my.oschina.net/u/1157906/blog/293177

文章標(biāo)題：PhoneGap，Cordova框架下Html5中JS調(diào)用Android原碼
本文地址：http://m.fisionsoft.com.cn/article/dhijidi.html

新聞中心

其他資訊