IOS+PhoneGap入门(一)

来源:互联网 发布:纹理算法 编辑:程序博客网 时间:2024/06/05 01:20

IOS+PhoneGap的环境搭建在这里就不做陈述了。具体搭建教程请点击这里   http://blog.sina.com.cn/s/blog_7e475e790101cojr.html

我们这里主要讲解如何开发自己需要的PhoneGap+IOS插件。

按照我上面的那个链接页面自动生成的PhoneGap IOS项目的目录如下

图中箭头位置的config.xml文件就是我们原生应用和H5交互的核心。www文件夹里面则是我们的H5代码

config.xml内容如下


  plugins里面的内容为添加的插件库。我这里用的Phogap版本是2.7。当然现在phonegap版本已经到了5.1.1。不过我没有选择更新。。需要什么插件,就自己封装到自定义的插件里面中——即PhoneUtil!!!

创建自定义类继承CDVPlugin,可以暂时忽略后面的协议。核心是CDVPlugin

这里只给大家介绍最基础的插件制作方法 下图的三个方法  分别是打电话 发短信和发邮件。





相信你们感到困惑了command的值从哪里来。这里就要说到phogap在js里面的应用了。

我这里用的H5框架是 sencha touch。当然你也可以选择 jqueryMobile或者inoic..具体不同框架的优劣我在这里不多做比较。



注意我红线标注的部分 第一个红线 PhoneUtil刚好对应我们config.xml中的配置,第二个红线 tel 对应 自定义的插件里面的 tel方法 ,最后一道红线就是传到自定义的插件里对应的方法的具体参数了。

这样我们就做到了js和ios原生的交互。 其实android原生和js的交互也类似于此,都是一个原理。

有时间会把安卓版的最初的交互发上来。不过网上的安卓资料有很多。
0 0
原创粉丝点击