概述
前面了解了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。
运行结果

网友评论