1.使用ionic框架搭建的工程框架后目录结构如下:

其中cofig.xml配置文件,platforms是生成的iOS项目
2.在此基础上我要把ionic下的工程集成到本地Xcode创建的工程中,下面就要说一下我自己创建的过程了
(1)Xcode工程配置
打开xcode文件目录,将ionic主目录下的config.xml拷贝至xcode工程中
进入ionic工程下的platforms文件夹,把CordovaLib文件夹和www文件夹拷贝到Xcode工程中
(2)添加依赖库
Add Files添加CordovaLib.xcodeproj 和 config.xml
打开Xcode工程,右键Add Files to ...添加CordovaLib.xcodeproj 和 config.xml
继续在Xcode工程中,打开finder中Xcode源码的文件夹,找到www文件夹,拖至工程中,务必Added folders要选择folder references,这样添加进去的文件夹是蓝色的,否则的话(文件夹是黄色的)项目编译会提示找不到www里的index.html
至此工程文件配置已经完成。

(3)工程配置
进入Build Phases,在Target Dependencies 和Link Binary 中添加Cordova
link Binary中添加依赖库,libCordova.a , AssetsLibrary.framework ,MobileCoreService.framework
Target Dependencies中添加CordovaLib依赖库
添加完成后如图所示:

(4)设置工程
buiild stetings 的 otherLiner flags 添加 -all_load和-Objc

至此工程配置已经全部完成。
3,运行效果,假设加载在UIViewcontroller上,就在此页面实现:
CDVViewController* viewController = [CDVViewController new];
viewController.wwwFolderName = @"www";
// viewController.startPage = @"choose.html";
viewController.view.frame = CGRectMake(0, 0, 320, 480);
[self.view addSubview:viewController.view];
www路径和Index.html的名字什么的都可以去CordovaLib.xcodeproj中修改
编译运行ok.

网友评论