PhoneGap插件开发示例(iOS)

PhoneGap插件开发示例(iOS) 

重要提示:如果你同时使用phonegap(cordova)和sencha-touch,一定先引入phonegap的js文件,否则你开发的插件可能不被调用!


PhoneGap相关介绍:
PhoneGap官网
PhoneGap中国
PhoneGap插件开发的简单步骤:
1 新建一个基于PhoneGap的工程,如果还没有PhoneGap SDK请去官网下载安装,我目前使用的是PhoneGap1.3.0
2 在Plugins组下新建一个PGPlugin类的子类,命名为MyPGPlugin
MyPGPlugin.h
复制代码
  1. #ifdef PHONEGAP_FRAMEWORK
  2. #import <PhoneGap/PGPlugin.h>
  3. #else
  4. #import "PGPlugin.h"
  5. #endif
  6. @interface MyPGPlugin : PGPlugin {
  7. }
  8. - (void)addStr:(NSMutableArray*)arguments withDict:(NSDictionary*)options;
  9. @end


MyPGPlugin.m
复制代码
  1. #import "MyPGPlugin.h"
  2. @implementation MyPGPlugin
  3. - (void)addStr:(NSMutableArray*)arguments withDict:(NSDictionary*)options
  4. {
  5.     NSLog(@"%@", arguments);
  6.     NSString *callbackId = [arguments pop];
  7.     NSString *result = [NSString stringWithFormat:@"%@%@", [arguments objectAtIndex:0], [arguments objectAtIndex:1]];
  8.     PluginResult *pr = [PluginResult resultWithStatus:PGCommandStatus_OK messageAsString:result];
  9.     [self writeJavascript:[pr toSuccessCallbackString:callbackId]];
  10. }
  11. @end

3 在www文件夹下新建一个js文件,这里我也命名为MyPGPlugin
复制代码
  1. /**
  2. * 构造方法
  3. */
  4. function MyPGPlugin() {
  5. };
  6. /**
  7. * 字符串相加
  8. *
  9. * @param str1, str2
  10. */
  11. MyPGPlugin.prototype.addStr = function(successCallback, failureCallback, str1, str2) {
  12.     PhoneGap.exec(successCallback, failureCallback, "MyPGPlugin", "addStr", [str1, str2]);
  13. };
  14. /**
  15. * 加载MyPlugin对象
  16. */
  17. PhoneGap.addConstructor(function() {
  18.     if(!window.plugins)
  19.     {
  20.     window.plugins = {};
  21.     }
  22.     window.plugins.myPGPlugin = new MyPGPlugin();
  23. });

4 修改PhoneGap.plist,展开Plugins,按”+”号新加一列.添加key MyPGPlugin和value MyPGPlugin
5 使用,在index.html中添加如下代码:
导入js文件
复制代码
  1. <script type="text/javascript" charset="utf-8" src="MyPGPlugin.js"></script>

定义js函数,添加在onDeviceReady函数定义后
复制代码
  1.         function addStr(){
  2.         var str1 = "str1";
  3.         var str2 = "str2";
  4.         window.plugins.myPGPlugin.addStr(successCallback, failureCallback, str1, str2);
  5.     }
  6.     //成功时回调的方法
  7.     function successCallback(data){
  8.         alert("result:"+ data);
  9.     }
  10.     //失败时返回的方法  
  11.     function failureCallback(data){
  12.         alert("error:"+ data);
  13.     }

添加一个button,测试一下
复制代码
  1. <button type="button" onclick=‘addStr()‘>MyPGPlugin Test</button>

6 编译运行。

参考链接:
http://www.adobe.com/devnet/html5/articles/extending-phonegap-with-native-plugins-for-ios.html
http://prostorys.blog.51cto.com/1522778/843699
http://wiki.phonegap.com/w/page/36753496/How%20to%20Create%20a%20PhoneGap%20Plugin%20for%20iOS  (被墙)

随后附上代码免分下载地址!

PhoneGap插件开发示例(iOS),,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。