首页 > 移动平台 > 详细

PhoneGap/Cordova插件开发入门(IOS版)(一)

时间:2015-10-13 17:24:32      阅读:470      评论:0      收藏:0      [点我收藏+]

原理和开发Android插件是一样的,下面我以一个简单的例子来演示开发过程。

首页我们要创建一个Cordova项目,并导入到Xcode中。

假设我们需要创建一个TestPlugin插件,包含一个test方法。在Plugins文件夹下创建TestPlugin.h和TestPlugin.m文件,并输入下面的代码:

/********* TestPlugin.h Cordova Plugin Header *******/

#import <Cordova/CDV.h>
@interface TestPlugin : CDVPlugin
- (void)test:(CDVInvokedUrlCommand*)command;
@end
/***************** TestPlugin.m ********************/

#import "TestPlugin.h"
#import <Cordova/CDV.h>

@implementation TestPlugin
- (void)test:(CDVInvokedUrlCommand*)command
{
    UIAlertView *alertview = [[UIAlertView alloc] initWithTitle:@"标题" message:@"你好世界!" delegate:self cancelButtonTitle:@"取消" otherButtonTitles:@"确定", nil];
    [alertview show];
}

@end

提示一下对Objective C语言不熟悉的朋友,类文件都是拆分为h和m两部分,h包含了对类和方法的定义,m包含了具体实现。这和C#处理方式相同。而我们常用的Java和PHP是将类的定义和实现放在一个文件中。上面的插件我们只提供一个test方法,它的功能是显示一个原生的提示框。

下面,我们需要将插件的信息写入配置文件,Cordova才能找到插件。打开Staging文件夹下的config.xml文件,在widget标签下输入:

<feature name="TestPlugin">
        <param name="ios-package" value="TestPlugin" />
    </feature>

这样就完成了JavaScript和Java的桥接,大功告成,我们可以使用JavaScript来调用TestPlugin插件了。

cordova.exec(null,null,"TestPlugin","test",[]);

上面的代码调用了插件的test方法,如果一切操作正确的话,你将看到一个类似于confirm的提示框。

一个最简单的Cordova插件就开发完成了,好好体会一下,如果有问题,欢迎留言,或者加QQ群:454566813,一起讨论!


PhoneGap/Cordova插件开发入门(IOS版)(一)

原文:http://my.oschina.net/crazymus/blog/516388

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!