使用Sencha Touch和jQuery Mobile開發移動應用教程
Sencha Touch和jQuery Mobile開發移動應用是本文要介紹的內容,主要是來了解HTML5在移動開發領域的兩個優秀框架:Sencha Touch 和 jQuery Mobile,來看詳解內容講解。
HTML5雖然離全面普及還有很長的時間,但在一些開發領域,HTML5已經嶄露頭角。比如在移動開發中,HTML5更能體現其跨平臺的特性 (Flash雖然積極努力,但仍然被iOS等系統拒之門外),說到這里,不得不提一下HTML5在移動開發領域的兩個優秀框架:Sencha Touch 和 jQuery Mobile。
本文將站在一個Flash開發者的角度,以一個簡單的RSS閱讀器實例(這個實例已經在這篇文章《走進Android[1]:如何開發基于Adobe AIR的Android應用》中實現過),初步為大家介紹一下使用這兩個框架構建移動應用的差異。
前置知識
首先您需要大致了解Sencha Touch 和 jQuery Mobile。
Sencha Touch簡介:
前不久基于JavaScript編寫的Ajax框架ExtJS,將現有的ExtJS整合JQTouch、Raphaël庫,推出適用于最前沿Touch Web的Sencha Touch框架,該框架是世界上***個基于HTML5的移動應用框架。進入Sencha Touch官方網站查看更多介紹。
jQuery Mobile簡介:
為了讓移動設備也能用上jQuery,jQuery開發團隊發布了jQuery移動設備版開發項目jQuery Mobile Project(http://jquerymobile.com)。jQuery Mobile不僅會給主流移動平臺帶來jQuery核心庫,而且會發布一個完整統一的jQuery移動UI框架。
工具
工欲善其事,必先利其器,開發之前,要先準備好開發工具和調試工具。
IDE:可以使用任意文本編輯器,隨您哪個順手就用哪個,本文將使用Eclipse+Spket,這是一個非常不錯的,主要用于開發Ext應用的插件,但經過配置也可用于jQuery開發,點擊這里查看詳細介紹。
調試工具:很遺憾Firefox對Sencha Touch的渲染效果非常差,所以我們不能使用Firebug來調試。可以使用谷歌瀏覽器,其調試工具也不遜色,而對這兩款框架的支持程度都尚好。而為了 驗證Sencha Touch的效果無偏差,***再裝一個Safari瀏覽器,它對Sencha Touch的渲染是***的。
最終運行效果(點擊查看大圖)
在線預覽(請使用Safari或谷歌瀏覽器觀看):
Sencha Touch版:
- http://www.riameeting.com/examples/sencha/
jQuery Mobile版:
- http://www.riameeting.com/examples/jqmobile/
小結:使用Sencha Touch和jQuery Mobile開發移動應用的內容介紹完了,希望通過本文的學習能對你有所幫助!