`

Android+Jquery Mobile学习系列(9)-总结和代码分享

 
阅读更多

目录导航

 

经过一个多月的边学习边练手,学会了Android基于Web开发的毛皮,其实开发过程中用Android原生API不是很多,更多的是HTML/Javascript/Css。

 

个人觉得基于WebView的Jquery Mobile开发有以下优点:

1、对于刚从Java Web转型过来的同学非常适合,只要懂得HTML开发就可以上手做事。

2、jquerymobile优秀的地方是将页面元素渲染得非常漂亮,极大减少开发对UI的依赖。

3、SQLite非常轻量,也提供了丰富的调用接口,通过程序和版本控制数据库信息,我个人非常喜欢。

 

至于缺点嘛,我觉得:

1、转场过程不顺畅,有些时候跳转到下一页后会再闪一下,原因可能是那个页面进行了代码初始化操作,某些控件执行了refresh。

2、经常出现某些页面按钮没有效果的问题,比如点击某个页签,明明页签已经从白色变为蓝色(表示被选中了)但是没执行跳转操作,然后再点一次或许就执行了。

3、在某些低版本浏览器低分辨率手机下,呈现效果很差。(我在我爸Android2.2手机上测试过,本来一屏显示不完的内容却在一屏中全部显示出来,文字太小根本看不清楚)

4、页面转场,上下页参数传递比较复杂,而且容易出问题。(比如在页面绑定了pagechange事件,如果先从编辑页面进入,再返回,再从新增页面进入,你会发现新增进入的页面居然是上一次编辑进入的页面,原因就是绑定的事件未取消,所以你必须考虑新增和编辑时必须清理上一次的pagechange事件)

5、日期选择控件似乎不能用:<input name="birthday" id="birthday" placeholder="您的出生日期..." value="" type="date">这个不能弹出日期选择组件。

 

说了那么多不爽的地方,并不是说Jquerymobile就那么不行,这个完全看需要你根据自己团队现状来做决定。比如你的团队以前都是做Java Web的,没有太多Android开发经验,而领导又要你们在短期内作出一个移动APP,那基于Android的WebView开发是不二选择。

 

如果要我再做一次选择:是用原生的Android组件开发还是WebView HTML开发。在时间充裕的情况下,我或许会考虑还是用Android原生组件来做:不会担心参数传递问题、不会担心太多手机兼容问题。

 

我了解的这些东西都是皮毛,非常非常基础,任何语言要想深入精通,必须花大量时间去学习研究,所以如果有兴趣做WebView的同学别做了一个小App就满足了,多做多思考,才能得以提高。

 

附件附上本次App的代码,很多文件被我删除了,所以大家自行新建一个项目,然后把代码中的文件拷贝进新建的项目中测试吧。

 

申明:写的代码不值钱,供大家分享参考。请不要拿去作为商业用途,如有违反,必定追究责任。转载请注明出处。

0
0
分享到:
评论
4 楼 lichina 2015-11-25  
挺好的一个Demo
3 楼 qq_30317391 2015-09-17  
[url] [/url]
2 楼 qq_30317391 2015-09-17  
    [*]
    " target="_blank">
      [*]
      " />
        [*]
        " target="_blank">
          [*]
          " wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="200">
          1 楼 whang_1207 2015-02-08  
          很好的一个Demo.

          相关推荐

            android jqueryMobile 类库和实例源代码

            android下的Jquery源代码实例和类库!希望对你有所帮助!

            基于Java(Springboot)+Mysql+ JQueryMobile实现个人简介APP【100012363】

            基于Java(Springboot+Mybatis+Mysql)+ JQueryMobile实现个人简介APP 设计这款 APP 是为了让使用者能更清楚清晰地全方面了解我这个人.从我的成长经历、人生阶段和我推荐的东西或物品等等.APP 中还留有我个人的联系...

            HTML5+CSS3+JQueryMobile轻松构造APP与移动网站代码

            以 HTML5 为主体,搭配JQuery制作网页,再搭配JQueryMobile制作MobileAPP,第4个实例教用户如何将写好的网页打包成Android APP,最后两个实例搭配Web Storage和Web SQL数据库,制作完成后用户能立即将成果打包并放在...

            jQuery Mobile音乐播放实例源码

            jQuery Mobile音乐播放代码 为什么使用 jQuery Mobile? 通过使用jQuery Mobile 可以 "写更少的代码,做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页,且兼容所有移动设备。 lamp 不同设备使用了...

            jquerymobile开发android应用整套框架

            没分下载东西了,只好卖我的经典代码了,以下是我通过html5做的多个跨平台应用的demo框架:使用 phonegap 开发android应用框架结构 前台页面用jquery mobile开发,后台用axis2开发实现webservice,前后台用js发送...

            jqery mobile在android精确定位

            还要说明一点 里面部分代码是从这里http: www apkbus com android 88474 1 1 html 哎 没办法 自己照着API文档做就是不成功 在此与各位分享 不足之处多多指教 ^ ^"&gt;搞这个jquery mobile定位 总的算来也花了我半个月...

            Android App开发超实用实例 jQuery Mobile在Android手机上实现抽屉式侧滑菜单

            jQuery Mobile是jQuery 在手机上和平板设备上的版本,jQuery Mobile不仅包含jQuery核心库,而且提供了一个完整统一的jQuery移动UI框架,支持全球主流的移动平台;jQuery Mobile将“写得更少、做得更多”这一理念提升...

            基于Android+Springboot+Mybatis+Mysql的个人生活APP设计.zip

            其次JQuery Mobile通过HTML5的标记与CSS规范来配置与美化页面,对已经学习过这些课程的我们来说,架构清晰,又易于学习. 该APP后端采用了Springboot+Mybatis+Mysql整合框架.传统的Spring去做Java EE开发中,大量的XML...

            Android代码-Android

            Android Projects This repository contains several HTML5/JS/CSS3 projects and native Android projects. This projects has been developed using the several components including jQuery Mobile PhoneGap ...

            Android代码-android

            Android app for Arastta™ Arastta is the next generation of Open Source eCommerce software built with modern technologies such as Symfony, Bootstrap, jQuery, Swift Mailer, RESTful API etc. Home - The...

            jQuery Mobile源代码

            jQuery移动版Beta 1比原始版本更快,更强的可扩展性能更好的支持动态JS驱动的网站,兼容性更好,增加更广泛... jQuery Mobile v1.0.1是最新维护版,该版本最大的改进就是增加对 Bada 和 UC 浏览器 (Android 版)的支持

            jquery mobile实现拨打电话功能的几种方法

            如果需要在移动浏览器中实现拨打电话,发送email,调用sns等功能,jquery mobile提供的接口是一个好办法。 采用url链接的方式,实现在safari ios,android 浏览器,webos 浏览器,塞班浏览器,ie,operamini等主流...

            GV-GetToKnow-Cordova:用于 MAS.500 课程的小示例 Cordova 应用程序。 这是用 Cordova、backbone.js 和 jquery-mobile 构建的

            这是用 Cordova、backbone.js 和 jquery-mobile 构建的。 安装 通过 App Store 和 Android ADT 安装 XCode 克隆这个代码 将 iOS 作为cordova platform add ios到此项目: cordova platform add ios 将 android ...

            Android开发方式之Java+html+javascript混合开发

            android开发,除了使用原生态的开发方式之外,还可以使用java+html+javascript混合开发的方式来开发,这样可以节省大量的开发时间,同时还可以使不同设备的用户获得相同的用户体验。...这个界面是完全用android原

            dwz_mobile_app_html5_APP_mobile_dwz_

            轻量级:封装精简版核心库 dwz.core.js,相当于一个专门针对移动端优化的精简版 jQuery,代码量只有 jQuery 的十分之一左右,使用方式基本同 jQuery。统一风格:UI 组件不依赖于第三方组件库,都是统一封装的,组件...

            Adroid_HtmlJQueryMobile

            android webview 加载 html 本地文件 以及本地 js css 。html中使用的是基本的JQueryMobile代码

            android开发项目汇率兑换项目

            安卓汇率项目使用了到了phonegap技术jquery技术

            安卓内嵌jquery.mobile网站源码 v1.1

            安卓内嵌jquery.mobile网站源码是一个原生安卓和jquery.mobile结合的例子源码,直接读取本地html信息显示,在实际应用中可以把本地html改成网络的地址,用jquery.mobile的好处就是B/S架构的好处,一处改变处处都变,...

            HybridMobileCodeCamp

            混合jqm代码集使用jQuery Mobile演示代码进行混合移动开发该项目包括演示步骤:用jQuery Mobile构建Cordova混合移动应用程序的6个步骤。 Google Play发布:密钥库文件创建指南,用于将Android应用部署到GooglePlay ...

          Global site tag (gtag.js) - Google Analytics