這篇文章小蛙整理以前(2009年)的文章，主要內容是記錄怎樣使用外掛 Visual Editor 讓 Eclipse 可以用拖拉的方式來撰寫圖形化程式。
● 安裝 Eclipse + 語言包
- 下載安裝 Eclipse。(Visual Editor final release 1.2 適用於 Eclipse 3.2 版)，所以建議使用 Eclipse 3.2。Eclipse 下載頁面。因為小蛙本身需要做 JSP 的開發，所以直接下載 Eclipse + Lomboz 的版本。Eclipse + Lomboz 3.2.2 下載頁面。
- 解壓縮(建議把下載回來的壓縮檔先更改名稱，有時候名稱太長在解壓縮的時候會發生錯誤)。解壓縮完後不用安裝就可以直接使用。
- 如果需要中文介面，可以安裝語言包。中文化語言包下載頁面 。最下面有個 3.2_Language_Packs。
- 解壓縮完會有 eclipse 資料夾，直接覆蓋原本解出來的 eclipse 資料夾，完成中文套件的安裝。
● 安裝 Visual Editor 插件
- Visual Editor 可以讓 Eclipse 直接用滑鼠點選的方式，圖形化勾勒出 GUI 元件的雛形。VE 1.2 插件下載頁面。下載檔名 VE-SDK-1.2.zip 的檔案。
- 安裝的方法相同，解壓縮出一個 eclipse 資料夾，直接覆蓋過原本的 eclipse 資料夾即可。
● 建立 SWT 類別
- 開啟 eclipse。
- 歡迎畫面 (Lomboz 版本)
- 選取工作區。
- eclipse 主畫面。
- 新建一個 Java 專案。
- 輸入專案名稱後按下確定。
- 左側可以看到剛剛新增的專案以及載入的套件。
- 我們先設定 SWT 必要的程式庫，在專案上按右鍵，點選”配置建置路徑”。
- 選擇”新增程式庫”。
- 選取 Standard Widget Toolkit (SWT)，下一步。
- 點選”完成”。
- 看到 SWT 已經增加到這個專案的程式庫裡面了。
- 點下確定後回到主畫面，左邊多了 SWT 程式庫。
</span>
14. 接下來試試看建立 GUI 程式，在專案上點選右鍵，新建 -> Visual Class。
15. 套件跟名稱隨便取，style 選取 SWT / Shell，public static void main(String[] args) 打勾後點選完成。
16. 回到主畫面後可以看到剛新建立的專案，已經開啟好兩個區域，圖形化區以及程式區，將滑鼠移到右邊的 Palette 會開啟 GUI 工具。
17. 我們選上面綠色箭頭旁邊的黑色小箭頭，執行為 -> SWT 應用程式。
18. 出現 SWT 建立的空白視窗。
19. 要新增 GUI 元件，先把 Layout 改成 null，在圖形化編輯區裡的 Shell 視窗上按右鍵，Set Layout -> 選擇 null。
20. 接著到 Palette 選擇 Button。
21. 輸入 Button 的名稱。
22. 在 Shell 視窗中畫出一個 Button，eclipse 會自動產生相關程式碼，最下面內容的頁面也會顯示該物件的所有屬性。
23. text 的地方可以設定按鈕要顯示的文字。
24. 也可以直接在按鈕上面點一下滑鼠左鍵修改文字。
25. 如果內容頁面沒有出現，或是需要其他頁面，可以到視窗 -> 顯示視圖中選取。
26. 接著我們加入事件到這個按鈕。在按鈕上按右鍵，Events -> widgetSelected，也可以按 Add Events … 自行設定要有哪些事件。
27. 執行程式，開啟主控台頁面，可以看到剛剛加入的事件。在主控台印出 widgetSelected() 的訊息。
</span>