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