Eclipse + Visual Editor = SWT Development

這篇文章小蛙整理以前(2009年)的文章,主要內容是記錄怎樣使用外掛 Visual EditorEclipse 可以用拖拉的方式來撰寫圖形化程式。

● 安裝 Eclipse + 語言包

  1. 下載安裝 Eclipse。(Visual Editor final release 1.2 適用於 Eclipse 3.2 版),所以建議使用 Eclipse 3.2。Eclipse 下載頁面。因為小蛙本身需要做 JSP 的開發,所以直接下載 Eclipse + Lomboz 的版本。Eclipse + Lomboz 3.2.2 下載頁面
  2. 解壓縮(建議把下載回來的壓縮檔先更改名稱,有時候名稱太長在解壓縮的時候會發生錯誤)。解壓縮完後不用安裝就可以直接使用。
  3. 如果需要中文介面,可以安裝語言包。中文化語言包下載頁面 。最下面有個 3.2_Language_Packs。
  4. 解壓縮完會有 eclipse 資料夾,直接覆蓋原本解出來的 eclipse 資料夾,完成中文套件的安裝。

● 安裝 Visual Editor 插件

  1. Visual Editor 可以讓 Eclipse 直接用滑鼠點選的方式,圖形化勾勒出 GUI 元件的雛形。VE 1.2 插件下載頁面。下載檔名 VE-SDK-1.2.zip 的檔案。
  2. 安裝的方法相同,解壓縮出一個 eclipse 資料夾,直接覆蓋過原本的 eclipse 資料夾即可。

● 建立 SWT 類別

  1. 開啟 eclipse。
    1 Eclipse + Visual Editor = SWT Development
  2. 歡迎畫面 (Lomboz 版本)
    2 Eclipse + Visual Editor = SWT Development
  3. 選取工作區。
    3 Eclipse + Visual Editor = SWT Development
  4. eclipse 主畫面。
    4 Eclipse + Visual Editor = SWT Development
  5. 新建一個 Java 專案。
    5 Eclipse + Visual Editor = SWT Development
  6. 輸入專案名稱後按下確定。
    7 Eclipse + Visual Editor = SWT Development
  7. 左側可以看到剛剛新增的專案以及載入的套件。
    8 Eclipse + Visual Editor = SWT Development
  8. 我們先設定 SWT 必要的程式庫,在專案上按右鍵,點選”配置建置路徑”。
    9 Eclipse + Visual Editor = SWT Development
  9. 選擇”新增程式庫”。
    10 Eclipse + Visual Editor = SWT Development
  10. 選取 Standard Widget Toolkit (SWT),下一步。
    12 Eclipse + Visual Editor = SWT Development
  11. 點選”完成”。
    13 Eclipse + Visual Editor = SWT Development
  12. 看到 SWT 已經增加到這個專案的程式庫裡面了。
    14 Eclipse + Visual Editor = SWT Development
  13. 點下確定後回到主畫面,左邊多了 SWT 程式庫。
    15 Eclipse + Visual Editor = SWT Development

    發佈留言

    發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

    這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料