PhoneGap+jQm webapp本地化(2)-摄像头调用和本地数据库
2012-09-07 16:46
295 查看
前言
上一章中,我们讨论了环境的配置,这本章中我们,写一个小模块来贯通学习,phonegap对摄像头的调用,已经phonegap对于拍下来的照片的处理,已经,使用本地数据库保存我们的数据,让在程序重新运行的时候能够保留我们的结果.先说明一下,为了,减少工作量,很多地方由于,官方文档已经很详细了我就难得在描述了,如果有些地方,没有而官方文档也没有的话,可以来问我...
例子设计
我们一般注册都有一个,上传图像的模块,以前,用电脑注册的话,这个头像就比较麻烦了,不过,我们用手机的话就基本没这个问题了,这个例子就是,使用phonegap 调用摄像头拍下我们的头像,上传到服务器,然后,也保存到本地里面,方便加载.原型设计:
显示用的主页
调用拍照的页面
为了,突显出我们用jqm的好处的,增加一个swip事件来控制,页面的切换
代码编写
1,写个模板,方便,我们以后的代码的重用?
1,首先,编写我们的device.js文件进行对应用的初始化工作
?
?
3,写UI界面,这里也很简单
?
4,开始写点jqm的事件js,写在模板那个head,自己的那个块里面
?
5,写了这么久,都没怎么用到phonegap,接下来就是phonegap大展身手的时刻到了..
phonegap的照片类型
还记得我们在devices.js定义的两个变量吗?
?
新建一个camera.js,
?
?
说点题外话
研究了一个星期的phonegap,由于在家,没学校那么方便可以找同学借iphone来测试应用,说下phonegap在android的体验吧,在我手头上一台能在象限跑分到2000的设备,运行这个,与Java写的应用相同的显示,要慢很多....以目前,android 2000分以上的设备而言,我觉得还不是主流,所以,这个phonegap的应用目前而言,用来开发Iphone程序觉得还可以,Iphone的webview性能还算可以吧...接下来,说下这次的例子,这个例子里面有个比较严重的拖慢性能的地方,有兴趣的可以在swipe几次以后用backbutton来猜一下,代码的话晚些时候我整理出来在发布吧...
下一次,估计得很久才更新这个系列了,有空的话,我专门搞个视频,来跟大家演示一下...phonegap目前而言,做android的web native app的性能问题吧....
作者:游戏阿柴
出处:http://www.cnblogs.com/youxilua
本文采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。
微博联系:新浪微博
分类: jQueryMobile
相关文章推荐
- PhoneGap+jQm webapp本地化(2)-摄像头调用和本地数据库
- PhoneGap+jQm webapp本地化(2)-摄像头调用和本地数据库
- PhoneGap+jQm webapp本地化(2)-摄像头调用和本地数据库
- PhoneGap+jQm webapp本地化(2)-摄像头调用和本地数据库 推荐
- PhoneGap+jQm webapp本地化(1)--环境搭建以及资源介绍
- PhoneGap+jQm webapp本地化(1)--环境搭建以及资源介绍
- PhoneGap+jQm webapp本地化(1)--环境搭建以及资源介绍
- Web调用安卓,苹果手机摄像头,本地图片和文件
- Web调用安卓,苹果手机摄像头,本地图片和文件
- Native+WebApp中Phonegap调用Android Activity
- phonegap(cordova)从手机app跳转到web页面在跳转回APP本地页面思路
- Web调用安卓,苹果手机摄像头,本地图片和文件
- 安卓、IOS-web调用摄像头/本地文件夹以base64压缩图片传递给服务器并还原为图片
- Web调用安卓,苹果手机摄像头,本地图片和文件
- Web调用安卓,苹果手机摄像头,本地图片和文件
- Web调用安卓,苹果手机摄像头,本地图片和文件
- phonegap整合调用dwr实例,web应用轻松变身移动APP
- 能够正常使用的,经过测试的java+jquery+webcam调用本地摄像头拍照,然后将拍照结果上传数据库blob字段功能的实现(二)
- Android WebView 微信和支付宝H5调用本地app支付
- 通过web页面上的链接调用本地软件