App可分为Native App,Hybird app([ˈhaɪbrɪd] 混合)和Web App。
关于他们的详细介绍,可见http://www.uisdc.com/web-hybrid-native-app
我们现在把web App 转为Hybird App 这和重新创建一个 Hybird app步骤基本一致。
Web app 其实只是通过webView加载了一个链接而已,有时会通过JS方法与手机本身进行功能交互,例如调用摄像头或跨app调用。
Hybird app 可以把web端的代码加载到本地运行,减少了流量损失,界面滑动和功能调用也更快捷。
一. 开发环境搭建步骤(简洁方法:http://www.cnblogs.com/lear/p/3408441.html)
1: iOS HTML本地化我用的是目前主流的工具phonegap,可以该链接下载:http://phonegap.com/install/ 或百度网盘:链接: http://pan.baidu.com/s/1gd9yPyF 密码: zvcs
2:
2.1 下载之后,进入mac终端(在Launchpad 中的其他里),进入phonegap-2.9.1 下 的 /lib/ios/bin,进入bin,可以看到其下有一个 create。
2.2 好,我们在bin目录下输入
./create(这里有空格) /Users/(这里填你的文件路径)/Desktop/demo1 com.test HelloWorld
( 注意:./create后跟空格,然后是文件路径(通常放桌面,如:/Users/XXX/Desktop/),然后demo1 是文件夹的名字 ,com.test 包名,HelloWorld项目名),点击回车,此时你可以发现你放文件的位置多了一个demo1 文件夹,打开是这样的:
开发环境,搭建完毕。
参考链接:
http://blog.sina.com.cn/s/blog_7e475e790101cojr.html
http://blog.csdn.net/mcg890414/article/details/45420625
http://my.oschina.net/jgy/blog/168745
二.app初始显示设置
1.icon 图标
icon图标的大小是 57*57, 114*114 和72*72 ,144*144 的两种(可见http://www.cnblogs.com/linn/p/3921313.html)
2:启动图片
上边有ipone和ipad的两种启动图片:
ipone:
Defaule.png 320*480
Defaule@2x.png 640*960
Defaule-568h@2x.png 640*1136
三:代码
利用phonegap编码,代码分为两部分:
1.HTML5部分
2.iOS代码部分
ios代码结构和native app代码结构相差不大,
注:icons 图标在iOS代码和HTML 代码中都有,不过以ios 为先。