下一代Eclipse平臺：Eclipse e4全面介紹
本文來自IBM developerworks，原文標(biāo)題為《Eclipse e4 的亮點》。
簡介
還處于初級階段的 e4 項目是下一代的 Eclipse。Eclipse V4.0 將在 2010 發(fā)布。以當(dāng)前的 Eclipse 和 OSGi 技術(shù)作為堅實的基礎(chǔ)，e4 的一個主要目標(biāo)就是讓您能更輕松地編寫和重用組件。將來，跨各種計算環(huán)境（Web/RIA、桌面、服務(wù)器、云、嵌入式設(shè)備）將會有一個統(tǒng)一的通用平臺，并且將會有更多的技術(shù)被集成進 Eclipse。 比如：
- 一個基于 OSGi 的增強編程模型，它可提供更好的軟件組件隔離。
- XWT，一個新的工具包或框架，用于聲明性地定義 SWT/JFace 應(yīng)用程序的結(jié)構(gòu)。
- Cascading Style Sheets (CSS) 可以在不必顯式地修改應(yīng)用程序代碼的情況下呈現(xiàn) UI 組件。
- 標(biāo)準(zhǔn)小部件工具包（SWT）的一個新端口，也被稱為 SWT 瀏覽器版本，它可以讓當(dāng)前的 SWT 應(yīng)用程序在瀏覽器的 Flash 播放器中被執(zhí)行。
- 用 JavaScript 編寫軟件以便在 Eclipse 運行時內(nèi)執(zhí)行。
在本文中，了解 e4 的一些主要特性。我們還會創(chuàng)建一個使用 e4 的新 XWT 界面和數(shù)據(jù)綁定特性的示例應(yīng)用程序。XWT 是一個聲明式工具包，用來以 XML 編寫 SWT/JFace UI 組件。
新特性
從編程模型到運行時擴展，e4 增加了不少新特性。這些新特性讓 Eclipse 平臺有了可擴展性。本節(jié)將簡要介紹一些值得關(guān)注的新特性。
服務(wù)編程模型
在最初的服務(wù)編程模型（OSGi 或 Eclipse 擴展注冊表）內(nèi)有三個參與者：服務(wù)代理、服務(wù)提供者和服務(wù)使用者。服務(wù)提供者將自已注冊到服務(wù)代理，而服務(wù)使用者則會在服務(wù)代理中尋求自已需要的服務(wù)。這很好地拆分了服務(wù)提供者與使用者，但它要求服務(wù)提供者與使用者對特定的服務(wù)代理有清晰的了解。
e4 中的增強服務(wù)編程模型引入了上下文（它是服務(wù)代理的一部分）的概念作為一種存儲和知道該如何定位這些服務(wù)并將其提供給服務(wù)使用者的機制。在運行時，服務(wù)使用者使用依賴注入技術(shù)來注入所需的服務(wù)提供者實現(xiàn)。這消除了對服務(wù)代理的了解。服務(wù)提供者可以使用各種技術(shù)來將自已聲明或注冊給服務(wù)代理。圖 1 展示了服務(wù)編程模型的發(fā)展和演變。
圖 1. 服務(wù)編程模型
模型化的 UI
在 Eclipse 平臺 UI 的早期版本中，workbench 被顯式地硬編碼來布局 workbench 窗口、workbench 頁面、編輯器區(qū)域或視圖堆棧。定制基于 Eclipse 的應(yīng)用程序是不允許的。
e4 引入了額外的一層，可將 UI 元素提取和抽象成一個模型。應(yīng)用程序可以重新配置或擴展這個模型來制作不同的外觀。這個模型也可被動態(tài)操縱；模型的改變可以立即反映出 UI 的變化。
聲明式樣式處理
e4 引入了一個可插入的樣式引擎，用于定制小部件的顯示樣式，例如小部件的大小、字體、顏色等。樣式可以在支持標(biāo)準(zhǔn) CSS 選擇器和偽類的外部 CSS 文件中定義。
分離樣式與內(nèi)容是為 Web 引入的一個很好的想法，我們用 HTML 開發(fā) Web 內(nèi)容，而將樣式處理留給 CSS 文件。這個想法可同樣被應(yīng)用于 SWT 的開發(fā)。您不必硬編碼小部件的樣式處理，可以將它留給外部 CSS 文件。
Web 到桌面
e4 也在探索如何能跨多種目標(biāo)平臺和各種語言重用組件?，F(xiàn)在您可以用 JavaScript 編寫 bundle 并將它們集成到基于 Java 的 OSGi 運行時。Eclipse 的 JavaScript 框架負(fù)責(zé)解析清單文件（manifest）和解決 JavaScript bundle 間的依賴項以使其對 OSGi 運行時透明。即使在不知悉底層實現(xiàn)技術(shù)的情況下，這些 bundle 也可以注冊和查找 JavaScript 服務(wù)。
桌面到 Web
#t#一個桌面應(yīng)用程序是有可能在 Web 上運行的。 e4 引入了一個 SWT 端口，稱為 SWT 瀏覽器版（SWT/BE），可在 Flash 中顯示 SWT 組件。
SWT 提供了一個公共圖形編程界面和一個本機工具包來在 Windows®、Linux® 和瀏覽器中繪制這些組件?，F(xiàn)在，e4 支持在 Flash 或動作腳本中呈現(xiàn) SWT 組件。將來還有技術(shù)支持 JavaScript Silverlight 版本。
XWT
XWT 即 SWT 的 XML UI，是一個框架，用來以 XML(.xwt) 聲明式地編寫 SWT/JFace 小部件。在 XWT 中，應(yīng)用程序的完整結(jié)構(gòu)或小部件分層結(jié)構(gòu)也都是以 XML 聲明式定義的。一個能實現(xiàn)小部件、事件回調(diào)和業(yè)務(wù)邏輯的 Java 文件也會被創(chuàng)建。UI 組件可以綁定一個底層應(yīng)用程序模型，以便為 UI 組件提供數(shù)據(jù)。
XWT 的好處很明顯。XWT，加上外部 CSS，可以徹底地拆分業(yè)務(wù)邏輯和 UI 相關(guān)的方面，從而節(jié)省了工作量并使 SWT 代碼更易于維護。
#p#
使用 XWT
在本節(jié)，我們將通過創(chuàng)建一個簡單的應(yīng)用程序來了解 XWT。在這個應(yīng)用程序中，您將使用 e4 的新 XWT 透視圖并會對 XWT 數(shù)據(jù)綁定特性有所了解。
Hello XWT
第一步是創(chuàng)建一個基于 Eclipse V3.5 的空插件項目。您不必創(chuàng)建一個富客戶平臺（RCP）應(yīng)用程序或使用任何其他的應(yīng)用程序模板。只需按以下步驟操作：
- 從零開始創(chuàng)建 XWT 示例，如圖 2和圖 3所示。
圖 2. 創(chuàng)建一個新插件項目
圖 3. 繼續(xù)創(chuàng)建這個新插件項目
- 在新創(chuàng)建的 Hello 項目中，添加如下的插件作為項目依賴項。它們是使用 XWT 和數(shù)據(jù)綁定的最低要求。
- org.eclipse.swt
- org.eclipse.jface
- org.eclipse.core.runtime
- org.eclipse.e4.xwt
- org.eclipse.core.databinding
- org.eclipse.core.databinding.property
- org.eclipse.jface.databinding
- com.ibm.icu
現(xiàn)在，項目就建立好了。
- 創(chuàng)建一個新 UI Element 來開始 XWT 編程。Eclipse 將會自動地為您創(chuàng)建一個 XWT UI 聲明（xwt 文件）和 Java 類，如圖 4 中所示。
圖 4. 創(chuàng)建 UI 元素
您可能已經(jīng)注意到一個名為 XWT 的新透視圖已經(jīng)打開。其內(nèi)包括一個預(yù)覽應(yīng)用程序 UI 的視圖和一個調(diào)色板，通過這個調(diào)色板，可以將 SWT/JFace 組件拖放到代碼編輯器中。
- 將一個 Button 控件拖放到 XML 代碼中，如圖 5 所示。
圖 5. 有一個按鈕的 XWT
請注意，這個應(yīng)用程序結(jié)構(gòu)或小部件層次結(jié)構(gòu)是在 XML（.xwt）內(nèi)聲明的，比起最初在 Java 類中編寫，這種方法可以節(jié)省大量的布局工作。底層 Java 類包括事件的處理程序、構(gòu)造函數(shù)等。如果熟悉 Adobe Flex，會發(fā)現(xiàn)有很多相似之處。
- 要在 Say Hello 按鈕上添加一個單擊處理程序，只需在
<Button>標(biāo)記中添加SelectionEvent=”sayHello”并單擊 Generate Java code。在 HelloWorld.java 中就生成了一個事件處理程序。UI 布局以及動作/事件代碼在 XWT 內(nèi)和 Java 源代碼內(nèi)被很好地分離。圖 6 給出了一個示例。圖 6. 為按鈕添加
SelectionEvent
- 修改 HelloWorld.java 并填入單擊處理程序，如清單 1 中所示。這會打開一個消息框并顯示
Hello XWT。清單 1.
sayHello方法public void sayHello(Event event) { Button btn = (Button) event.widget; MessageDialog.openInformation(XWT.findShell(btn), "Hello XWT", "Hello XWT"); }這很簡單。
- 最后一步是創(chuàng)建一個啟動這個應(yīng)用程序的主函數(shù)。創(chuàng)建一個名為
Application的類并編寫如清單 2 中所示的相當(dāng)直觀的main函數(shù)。清單 2.
main函數(shù)public static void main(String[] args) { URL content = HelloWorld.class.getResource("HelloWorld.xwt"); try { XWT.open(content); } catch (Exception e) { e.printStackTrace(); } }把 Application.java 作為一個 Java 應(yīng)用程序運行，它將如您所愿地工作。
數(shù)據(jù)綁定
e4 的數(shù)據(jù)綁定特性與 XWT 配合得非常好?？梢詫⒁粋€模型類綁定到一個 XWT UI，而同時，模型對象中的數(shù)據(jù)字段會被自動地提供給 UI 控件。本節(jié)中的示例代碼展示了它是如何工作的。
- 在 sample.model 包中創(chuàng)建一個名為
Contact的新 POJO。Contact類將包含name和phone作為其成員字段。 - 右鍵單擊
Contact類并選擇 New > New UI Presentation。隨后，會出現(xiàn)一個對話框，在這里，可以為Contact類創(chuàng)建一個 UI 表示。圖 7 給出了一個例子。
創(chuàng)建完成時，ContactUI.java 和 Contact.xwt 將會以基本的配置創(chuàng)建。
圖 7. 為 Contact 類新建 UI 表示
#t#請注意所生成的 xwt 文件內(nèi)的 {Binding path=phone} 和 {Binding path=name}；它們表明文本字段被綁定到這個上下文對象的 phone 和 name 字段。
但是，在這個應(yīng)用程序上下文中 contact 對象位于何處呢？當(dāng)您啟動這個應(yīng)用程序時，它就已經(jīng)設(shè)置好了。
讓我們來創(chuàng)建另一個 Application 類，其中會包含一個主函數(shù)，用來打開 ContactUI 和設(shè)置這個上下文對象。請?zhí)貏e留意清單 3 中的 XWT.open 方法。
清單 3. 用來打開 ContactUI 的 Application.java
public static void main(String[] args) {
URL content =
ContactUI.class.getResource("ContactUI.xwt");
Contact c1 = new Contact("Huang", "22771");
try {
XWT.open(content,c1);
} catch (Exception e) {
e.printStackTrace();
}
}
|
運行這個 Application.java，文本控件會被 Huang 和 22771 填充。
另一方面，您還可以很容易地在 UI 操縱過程中獲得這個 context 對象。假設(shè)您向 UI 結(jié)構(gòu)添加了一個按鈕，此按鈕的目的是列出當(dāng)前的聯(lián)系信息。那么 selection 事件處理程序?qū)⑷缜鍐? 所示。
清單4. 獲取上下文對象
public void submitContact(Event event) {
Contact c = (Contact) XWT.getDataContext(this);
Button btn = (Button) event.widget;
MessageDialog.openInformation(XWT.findShell(btn),
c.getName(), c.getPhone());
}
|
結(jié)束語
e4 具有很多增強和新特性，可以使得平臺和編程模型更為現(xiàn)代化。雖然 e4 還尚處在孵化階段，并且代碼也并未完全穩(wěn)定，這些有趣的新特性對 Eclipse 平臺開發(fā)人員和 Eclipse 技術(shù)采用者還是相當(dāng)有吸引力的。您不妨研究一下版本 0.9 并加以嘗試。
