教你如何快速上手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ò)程。
【編輯推薦】
