通過Intel XDK編寫跨平臺app(二)
在這個系列的上一篇文章中,我們大致了解了Interl XDK的概況。在這一部分中,我們會詳細(xì)地介紹如何通過這個框架來構(gòu)建app,這里我們會以一個簡單的照片分享應(yīng)用為例。
你可以在Github上找到這個例子的最終代碼。
對比一下幾個框架
Intel XDK 支持幾種不同的HTML5架構(gòu): App Framework, Bootstrap, TopCoat 和JQuery Mobile。 APP Designer同時也支持這些不同的框架。介初學(xué)者模式App Starter只支持App Framework。
App Framework 是 一個簡單的前端框架,它的UI組件都只能用來構(gòu)建這種類型的應(yīng)用,而且它能通配各種手機操作系統(tǒng)。在IOS設(shè)備上,它看上去和IOS本地組件差不多,在 Android設(shè)備上,它看上去又和Android本地組件相似,在其它設(shè)備中也是這種情況。不僅如此,App framework是一個輕量級的框架, 速度也非常快。
JQuery mobile 是一個很經(jīng)典的手機應(yīng)用框架了。它已經(jīng)有很多看的歷史,是現(xiàn)如今為數(shù)不多的依然存活的框架。你可以在它的庫中找到很多的組件,但是這個框架有個很多問題,它很慢,通配做的不好,而且看上去并不像本地應(yīng)用。
TopCoat 它是個顯為人知的框架。它其實并不是一個完整的框架,只是提供了完整的UI組件。
Bootstrap 它應(yīng)用是最明星的一個框架了,它用來構(gòu)建web頁面和手機的響應(yīng)式網(wǎng)站。我第一次使用它的時候真是有點驚訝,因為它畢竟不是一個混合式的應(yīng)用開發(fā)框架。
現(xiàn)在開始編碼吧!
讓我們從創(chuàng)建一個項目開始,你可以通過點擊左上方的”Start New Project“按鈕來創(chuàng)建一個應(yīng)用。然后選擇“App Starter”創(chuàng)建方式來創(chuàng)建一個App Framework的工程。
下圖是你創(chuàng)建項目的原型:
在css文件夾中創(chuàng)建一個style.css文件,然后創(chuàng)建一個app.js在js文件夾中。imageswhere文件夾用來存放圖片資源。這個項目中我們不會使用任何第三方API,如果你在其它項目中需要使用,可以通過編輯項目來添加
。。。。
。。。。


浙公網(wǎng)安備 33010602011771號