HTML5移動UI框架(例如Ionic)讓你創建垮平臺HybridApp與NativeAPP相似的效果,而使用的則是
HTM5,CSSandJavaScript。如果你已經是一個web開發者了那么選擇hybird將是一個較好的開發方式。而且只需要編寫一套代碼就可以在多個平臺中使用。通過Cordova(PhoneGap)提供的javascriptAPI可以訪問到照相機或傳感器這類硬件設備。最后再編譯成原生安裝包發到各應用商店。
目前市面上有需要移動端的UI框架可供選擇,接下來將介紹幾款其中的佼佼者。
Ionic
在近幾年,ionic成為了HybridApp開發框架中的領軍者,并且ionic的開發小組繼續更新,并保持領先優勢。ionic一直保持免費和開源,而且它還擁有龐大的生態系統,可以在社區中找到大量的資源。
ionic添加了對android材料設計的支持,同時ionic也包括了angular。像其他流行的HybridApp框架一樣,ionic也可以利用cordova來實現對原生硬件的調用。
ionic框架具有可維護性和可擴展性,使用了簡單清晰的標記,大量移動端特殊優化的css(Sass),HTML5andJavaScript組件。
優點:
1.基于Angularjs
2.預置的類原生組件
3.強大的社區
缺點:
1.需要了解Angularjs
2.插件更新較慢
3.動畫性能較弱
OnsenUI
OnsenUI是相對較新的框架,但是卻給Ionic帶來了沖擊。Onsen采用Apachelicense開源協。OnsenUI有通過angular的指令實現了大量的組件也提供基于jQuery的組件。兩個框架很類似但是還是存在一些不同:
與ionic相比
1.兩個框架都依賴與angular指令,但OnsenUI支持jQuery。
2.兩個框架都支持Android4+,iOS6+,OnsenUI支持FirefoxOS和桌面瀏覽器。但ionic沒有官方的桌面瀏覽器支持,但還是可以用。
3.都支持分屏顯示技術
4.都是扁平是風格,但個人覺得Ionic更好看點。
5.ionic支持SASS而OnsenUI則是基于TopcoatCsslibrary。
6.OnsenUI文檔較好,但ionic的社區較活躍。
7.OnsenUI有一個自己的IDEcalledMonacaIDE.
jQueryMobile
jQuery依然在游戲領域與其他移動端框架抗衡。jQueryMobile建立在jQuery和jQueryUI的基礎上。允許開發者創建webapp獲得與平板、pc上無差別的用戶體驗。因此它無法提供類似移動端原生控件外觀和體驗的app.
MobileAngularUI
這是為bootstrap和angular的粉絲而準備的。通過MobileAngularUI,可以通過bootstrap3和Angular構建移動應用。
MobileAngularUI提供指令可以構建移動端UIComponent例如overlays,switches.sidebars,scrollable.
結論
目前市面上最常用的幾款開源的移動端框架,總體上來均不錯,但如果是要追求最終app的視覺效果則Ionic與Onsen是較好的選擇,它們的UI看上去更像原生控件。如果你是jquery的粉絲,并且不想嘗試使用其他的那么可以選擇jQueryMobile簡單高效。
如果你熟悉angular與bootstarp那么MobileAngularUI則是不錯的選擇。
————————————
優匠科技深耕在互聯?技術服務領域多年,擁有幾百多家的成功案例與資深的專業技術團隊,能夠幫助企業解決很多技術上的難題。
如有興趣合作或是產品開發需求的朋友,歡迎前來咨詢了解!!