PhoneGap跨平台移动开发之旅3--iOS平台PhoneGap混合编程

概述

前面了解了PhoneGap的基本原理，很多应用如Instagram, Basecamp使用native的控制的方式提供导航及页面切换，而主要的内容页面由基于Cordova的webview来负责呈现，本文通过探讨如何在iOS平台上集成PhoneGap，深度理解其框架和运行机制。

本文的项目是创建两个View，一个是Cordova的webview（即使用PhoneGap创建的Web页面），另外一个是native的View。重点是如果在iOS环境下创建和显示webview，以及如何将webview中的数据传递到native View。本文讲解的代码参见附件。

Cordova Webviw

MainViewController继承于CDVViewController，提供PhoneGap API的访问：

复制代码

WebView与Native View的通信

它们之间通过Cordova plugin实现，下面代码的MyHybridPlugin继承CDPlugin:

复制代码

PhoneGap Web部分

index.html定义UI界面及事件处理：

复制代码

上面的cordova.exec调用到了MyHybridPlugin新定义的接口startTest。

运行结果

源码：phonegap-sample-hybrid-ios-master.zip