如何在Eclipse中進行Java的可視化界面設計
2008-05-18 17:41:01| 分類：Java| 標籤：|舉報|字號大中小 訂閱 http://pwcrab.blog.163.com/blog/static/16990382220084185411148/
以下內容轉自：http://www.cnblogs.com/pantian/archive/2006/10/30/544584.html （從頭開始安裝Eclipse和VE）
Eclipse開源項目的Visual Editor Project(VEP)使得功能強大的eclipse平臺在java開發方面又增加了一個可視化java組件開發利器。它讓java開發者再也不用依賴其它的IDE產品來做GUI界面方面的工作。所有的開發，從應用程序界面到業務邏輯的開發，現在都可以在eclipse平臺上完成。
閒話少說，開始安裝VE。(安裝的方法有很多種，下面寫的只是其中的一種)
準備工作：
1、下載JDK；
2、下載Eclipse；
3、下載相應的EMF、GEF、VE；
注意：三個插件的版本要和Eclipse的版本配套才能正確使用，至於配套的說明請參考下載頁面的說明http://download.eclips.org/ve
開始安裝：
1、安裝JDK；
這個比較容易，標準的Windows安裝程序，下一步，再下一步即可，安裝完成後，也不需要重啓。
2、安裝Eclipse；
Eclipse是綠色軟件，不需要安裝，只需要解壓縮，然後即可運行。
爲了說明方便，我把它解壓縮到C盤根目錄下，得到C:\eclipse目錄，運行C:\eclipse\eclipse.exe即可。
注意：下面的安裝，需要先關閉eclipse程序。
3、安裝EMF、GEF、VE；
對於Eclipse來說，這些都是它的插件，所以，安裝方法都是一樣的。插件下載地址http://download.eclips.org/ve
A、在C:\eclipse目錄下，建立四個子目錄：C:\eclipse\emf、C:\eclipse\gef、C:\eclipse\ve、C:\eclipse\links；
B、把下載的EMF、GEF、VE都解壓縮到相應的目錄中，即：把EMF壓縮包解壓縮到C:\eclipse\emf中，得到C:\eclipse\emf\eclipse目錄，以此類推，完成GEF、VE的解壓縮；
C、在C:\eclipse\links目錄下，新建一個文本文件，名字可隨便取，如：link.txt。
然後在link.txt文件中，加入以下三行文字：
path=emf
path=gef
path=VE
注意：這裏用的是相對路徑，也可以把EMF、GEF、VE解壓縮到其它地方，再用絕對路徑即可。
再注意：絕對路徑是用 “/” 或者 “\\” 分隔，而不是“\”
補充知識：爲什麼ve需要emf和gef：
Visual Editor 所利用的最爲明顯的工具是 GEF，即圖形化編輯框架（Graphical Editing Framework）。GEF 建立於本地 Eclipse 圖形化工具集 SWT 之上，以使得開發一個圖形化編輯器或者所見即所得文本編輯器更爲容易。如果您熟悉 SWT （或者 AWT/Swing，在這方面它們是類似的）中的圖形原語，那麼您會知道繪製和處理任意的形狀（比如矩形、箭頭和橢圓）是比較困難的，更不用說管理它們之間的關係以及它們所代表的數據模型了。
GEF 被劃分爲兩個部分：第一部分是 Draw2D 插件，這是一個輕量級的繪圖和呈現包，用於幫助您繪製圖形。第二部分是 GEF 插件，除了其他工具以外，這一部分中還增加了選擇和創建工具、工具選項板，以及用於在數據模型和視圖之間進行映射的控制器框架。
GEF 是一個模型無關的框架，但是作爲 Visual Editor （以及其他生成代碼的圖形化工具）的一部分，它在後臺使用 Eclipse 建模框架（Eclipse Modeling Framework, EMF），以在模型、Java 類和圖形化表示之間進行映射，其中模型是使用 XML 元數據交換（XML Metadata Interchange, XMI）在內部存儲的。EMF 的重要特性之一是它確保所有這些映射都是一對一的；所以儘管
XMI 可以被認爲是模型的標準表示，但是在代碼和圖形之間來回切換並不會丟失任何信息。這就是爲什麼 Visual Editor 只需要保存模型的一種表示（即 Java 源代碼），以及開發人員可以自由地在圖形化編輯器之外編輯該源代碼的原因。
4、安裝完畢，再次運行Eclipse，它啓動時會自動查找links目錄下所有的文本文件，並加載其中path指向的所有插件，這裏當然包括VE。
A、如果不能確定是否已經加載，可選擇菜單Help->Software Updates->Manage Configuration，打開Product Configuration窗體，在其左邊的樹形欄裏，可以看到已加載的插件。
B、如果加載沒有成功，可以試試用Eclipse -clear來運行程序。
C、如果加載仍沒有成功，可以試試刪除C:\eclipse\configuration下的內容，僅保留config.ini文件。然後再用Eclipse來運行程序。
================================================================
啓動eclipse平臺。剛開始，你可能覺得eclipse並沒有什麼變化。先別急，請新建一個項目，點擊"文件"菜單下的"新建"子菜單，選擇並建立一個新的"java項目"。然後在工具欄上的"新建Java類" 圖標上，點擊右邊的小箭頭
，將展開如下圖的菜單：
在此菜單上，多了一個"Visual Calss"的子菜單,這就是進入Visual Editor的入口之一。點擊"Visual Class"，就會彈出創建GUI程序的對話框，選擇完畢後，就會進入可視化編輯畫面：
用VE寫個Hello：
1、新建一個項目；
File->New->Project...，選擇“Java Project”，然後Next，輸入一個項目名字：Hello，其它全部默認，最後回車，或者點擊“Finish”完成。
2、設置SWT庫；
A、選擇項目Hello，右鍵菜單，打開Properties對話框。
B、選擇左邊樹形中的Java Build Path，在其設置頁中，選擇Libraries頁，點擊“Add Library...”；
C、在打開的Add Library對話框裏，選擇Standard Widget Toolkit(SWT)，Next；
D、在打開的SWT Library Options對話框中，勾選上“Include support for JFace library”，Finish即可。
E、回到Properties對話框，OK即可。
3、新建Hellworld.java文件；
A、選擇項目Hello,右鍵菜單，New->Other...（或者點擊工具欄裏新建圖標），打開Select a wizard對話框，選擇Java/Visual Class,Next；
B、在打開的Java Visual Class對話框中，
在Package裏，輸入：com.cnblogs.pan；
在Name裏，輸入：Helloworld；
在Style裏，選擇SWT/Shell；
勾選上public static void main(String[] args);
最後Finish。
4、到了這一步，應該就可以看到窗體了，那些控件都在Palette裏，點開就能看到了。
A、在窗體上右擊，選擇Set Layout，再選擇null；（此處爲個人習慣）
B、從Palette裏，選中一個Button，並在窗體任意位置畫一個Button，在下面的Properties窗口裏，設置其text爲ClickMe；
C、選中該按鈕，右擊選擇Events->Add Event，在打開的對話框中，選擇左邊的widgetSelected，Finish。
D、這時，光標會自動定位到程序相應的位置，我們在程序里加入下面語句：
System.out.println("widgetSelected()");
MessageDialog.openInformation(null,"Hello","Hello World!");//加入這條語句
}
E、保存程序，點擊菜單Run->Run As->Java Application，呵呵，跟全世界打個招呼吧！
其他資源：
http://tech.ddvip.com/2006-11/116469944612602.html （一個入門的簡單使用ve實例）
http://www.ibm.com/developerworks/cn/linux/opensource/os-ecvisual/index.html （IBM官方的ve介紹）
Java可視化開發環境的配置與使用http://wenku.baidu.com/link?url=wJnjY0i8I9A2daHMIlRK1qE-BMZKlSqGeRlwUe3nM5G2BAtnYUVwh_pU5gUCO-TNOZ2TBH4vpY6vBYeLpNBdFi23DzuHOcg6jmpvnAvgmi3