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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容