教你如何快速上手Ophone Widget SDK
Ophone Widget SDK有的人認(rèn)為可以與Android或者iPhone來(lái)進(jìn)行抗衡,究竟我們?cè)撊绾卧u(píng)價(jià)Ophone Widget SDK。這里先教大家如何快速上手Ophone Widget SDK。
通過(guò)閱讀本文,可以讓初次接觸JIL的移動(dòng)Widget的開發(fā)人員來(lái)快速了解什么是JIL的移動(dòng)Widget,以及如何使用JIL的移動(dòng)Widget SDK來(lái)創(chuàng)建移動(dòng)widget。對(duì)于有經(jīng)驗(yàn)的開發(fā)人員來(lái)說(shuō),可以通過(guò)本文來(lái)了解如何加快Widget開發(fā)過(guò)程。
一、簡(jiǎn)介
現(xiàn)在我們對(duì)移動(dòng)Widget及其SDK做一個(gè)簡(jiǎn)單的解釋:
什么是移動(dòng)Widget?按照官方的說(shuō)法,移動(dòng)widget是一個(gè)互動(dòng)式的迷你應(yīng)用程序,它是由HTML、CSS和JavaScript等Web技術(shù)開發(fā)而來(lái)的。換句話說(shuō),一個(gè)移動(dòng)Widget是HTML、JavaScript和CSS的所組成的一個(gè)可以安裝在手持設(shè)備上的軟件包,這個(gè)Widget程序包是自包含的,即其內(nèi)部包括了Widget所需的全部文件,因此,Widget可以變成一個(gè)完全獨(dú)立的應(yīng)用程序。借助這個(gè)迷你程序,您可以在移動(dòng)設(shè)備上運(yùn)行能迅速方便地訪問(wèn)Internet上的內(nèi)容。移動(dòng)Widget例子:每日天氣更新,新聞閱讀組件,貨幣轉(zhuǎn)換器,時(shí)鐘或日歷提醒。此外,Widget還可以訪問(wèn)現(xiàn)有的企業(yè)應(yīng)用程序。
什么是移動(dòng)Ophone Widget SDK?很明顯,它是一個(gè)供開發(fā)者用于開發(fā)、調(diào)試和部署Widget的集成式開發(fā)環(huán)境。這個(gè)軟件開發(fā)工具包中的編輯器是專門定制的,不僅能夠極大地簡(jiǎn)化代碼編寫工作,而且還帶有一個(gè)便利的調(diào)試工具。同時(shí),這個(gè)移動(dòng)Widget SDK還帶有一個(gè)模擬器,我們還可以在在模擬器上預(yù)覽我們的Widget大作。
利用Ophone Widget SDK開發(fā)Widget應(yīng)用程序很容易上手,這一切都是基于業(yè)界標(biāo)準(zhǔn)的Eclipse軟件開發(fā)環(huán)境的。在Widget向?qū)У膸椭?,只需幾分鐘就可以建好我們的?xiàng)目,由于這個(gè)軟件開發(fā)工具包在創(chuàng)建項(xiàng)目時(shí)候會(huì)自動(dòng)提供所有必需的文件,所以能夠提高完成項(xiàng)目的速度。像前面提過(guò)的那樣,軟件開發(fā)工具包內(nèi)包有一個(gè)手機(jī)模擬器,我們可以利用它來(lái)驗(yàn)證開發(fā)的Widget。下面,我們將實(shí)例演示完整的Widget開發(fā)過(guò)程。
二、搭設(shè)開發(fā)環(huán)境
下面介紹在不同系統(tǒng)下的安裝方法。無(wú)論哪種平臺(tái),有一點(diǎn)是相同的,那就是安裝之前,需要花一些時(shí)間來(lái)檢查軟件要求,其中JDK是必不可少的,它的下載地址是http://java.sun.com/javase/downloads/index.jsp。
下載SDK之后將其解壓到適當(dāng)?shù)哪夸浿?。?duì)于Windows操作系統(tǒng),雙擊SDK圖標(biāo)運(yùn)行安裝程序,然后按照提示就可以將它安裝到系統(tǒng)上了。默認(rèn)安裝目錄是C:盤,不過(guò)安裝時(shí)我們可以根據(jù)需要改變這個(gè)安裝目錄。安裝之后,您可以在程序組和桌面上找到JIL SDK快捷方式圖標(biāo),啟動(dòng)Eclipse IDE就可以進(jìn)行Widget開發(fā)了。
在Mac系統(tǒng)上,可以通過(guò)下面的命令來(lái)啟動(dòng)JIL SDK的安裝程序,之后便可以按照向?qū)У奶崾具M(jìn)行安裝。默認(rèn)時(shí),安裝目錄為/application。
$ java -jar jil_install.jar
在Linux系統(tǒng)上,可以通過(guò)下面的命令來(lái)啟動(dòng)JIL SDK的安裝程序,之后便可以按照向?qū)У奶崾具M(jìn)行安裝。默認(rèn)時(shí),安裝目錄為你的home目錄。
$ java -jar jil_install.jar
安裝后的開發(fā)工具包內(nèi)包括文檔、示例Widget、模擬器和帶有Widget開發(fā)插件的Eclipse IDE。注意:SDK的安裝目錄可以設(shè)置為首選項(xiàng)中Widget子項(xiàng)的“SDK Location”。
三、創(chuàng)建我們的第一個(gè)Widget
一旦安裝了SDK,我們就可以著手創(chuàng)建我們的Widget了,下面您會(huì)看到,其實(shí)這非常簡(jiǎn)單,幾分鐘就可以搞定。
首先,我們來(lái)創(chuàng)建一個(gè)HelloWidget項(xiàng)目。若要迅速創(chuàng)建一個(gè)Widget項(xiàng)目,請(qǐng)打開JIL SDK,然后在菜單欄中選擇“File > New > Widget Project”即可,如圖1所示。

圖1 創(chuàng)建一個(gè)Widget項(xiàng)目
在此,為我們的項(xiàng)目指定一個(gè)名稱,本例為HelloWidget。單擊Finish按鈕,一個(gè)新的Widget項(xiàng)目就建好了。

圖2 創(chuàng)建一個(gè)HelloWidget項(xiàng)目
現(xiàn)在,您可以通過(guò)文件結(jié)構(gòu)來(lái)瀏覽新建的Widget了。默認(rèn)時(shí),工具包會(huì)利用預(yù)定義的模板自動(dòng)創(chuàng)建一些必要的文件。

圖3 Widget的文件結(jié)構(gòu)
這些文件包括:
HelloWidget.html,這個(gè)文件是顯示W(wǎng)idget的入口點(diǎn),它定義了Widget的總布局。
HelloWidget.css,這個(gè)文件通常被用于告訴Widget引擎Widget所需的外觀,例如每個(gè)元素的顏色、字體大小等。
HelloWidget.js,這個(gè)文件定義了Widget可以完成哪些動(dòng)作。
config.xml ,這個(gè)文件包含了Widget的元信息,例如Widget的名稱、作者等等。
下面,我們開始為我們的Widget編寫代碼。我們可以通過(guò)雙擊HelloWidget.html文件打開Widget,以便為其編寫代碼。在本例中,我們只是想讓W(xué)idget顯示文字“Hello Widgets”,并且還給文字加上一個(gè)漂亮的背景圖片。我們的代碼如圖4中所示。

好了,我們的第一個(gè)Widget已經(jīng)建好了,下面我們?cè)谀M器上運(yùn)行該Widget,看看效果如何。在該Widget項(xiàng)目上單擊右鍵,并選擇“Run as > widget project ”菜單項(xiàng)來(lái)啟動(dòng)模擬器。

圖5 在模擬器中啟動(dòng)Widget
當(dāng)模擬器啟動(dòng)的時(shí)候,我們的Widget就會(huì)自動(dòng)被加載。這時(shí),我們就可以在模擬器中操作我們的Widget了。
圖6 運(yùn)行在模擬器中的Widget
最后,我們介紹如何在實(shí)際手機(jī)上運(yùn)行Widget。我們可以在項(xiàng)目的bin文件夾之下找到一個(gè)封裝好的Widget,其擴(kuò)展名為wgt。將這個(gè)文件復(fù)制到安裝了Widget引擎的手機(jī)上,這樣就能在實(shí)際設(shè)備上運(yùn)行我們的Widget了。
就像您在上面看到的那樣,創(chuàng)建一個(gè)JIL Widget是非常簡(jiǎn)單的一件事情。在幾分鐘之內(nèi),我們使用JIL SDK向?qū)?chuàng)建一個(gè)項(xiàng)目,在模擬器中運(yùn)行該Widget,并把它安裝在開發(fā)模式下的手機(jī)設(shè)備上,并實(shí)際運(yùn)行它。
三、Ophone Widget SDK小結(jié)
在本文中,我們首先對(duì)移動(dòng)widget以及移動(dòng)widget開發(fā)環(huán)境進(jìn)行了簡(jiǎn)要的介紹,隨后詳細(xì)演示了如何使用SDK來(lái)創(chuàng)建一個(gè)實(shí)例移動(dòng)widget。通過(guò)閱讀本文,可以讓初次接觸JIL的移動(dòng)Widget的開發(fā)人員來(lái)快速了解什么是JIL的移動(dòng)Widget,以及如何使用JIL的移動(dòng)Widget SDK來(lái)創(chuàng)建移動(dòng)widget。對(duì)于有經(jīng)驗(yàn)的開發(fā)人員來(lái)說(shuō),可以通過(guò)本文來(lái)了解如何加快Widget開發(fā)過(guò)程。
【編輯推薦】