安裝 WindowBuilder Pro

我的 Java 自從考過 SCJP (6) 後就被我丟在一邊, 大概有四, 五年沒再寫過一行 Java 程式碼. 早上為了查一下 TCP/IP 資料, 找出躺在書櫃已久的 "網路程式設計初學指引 (博碩, 湯秉翰)", 翻到第十六章 "開發圖形介面" 介紹 WindowBuilder Pro 這個 Eclipse 外掛, 想起以前玩 Java Swing 時用的 VE (Visual Editor), 但是在 Google 買下 WindowBuilder 且捐給 Eclipse 基金會後, VE 就不再開發了. 這個 WindowBuilder 以前是要花錢買的 (前身是 SWT Designer), 現在則是免費, 所以不用就太可惜了. 所以早上就試著在 ADT 裡安裝看看. 以下是離線安裝程序 :

首先檢查 ADT 中的 Eclipse 版本 (Help/About ADT), 是 4.2.1 版 (Juno) :

然後在 Google 搜尋 WindowBuilder 可以找到 WB 的下載頁 :

# http://www.eclipse.org/windowbuilder/download.php

找到 4.2 版的第二個 Link (MD5 前面那個), 就可以下載 WindowBuilder Pro 外掛的 v1.6.1_UpdateSite_for_Eclipse4.2.zip 檔了. 然後開啟 ADT, 切到 Help/Install New Software, 按 Add 鈕, 在 Add Repository 框中按 Archive 鈕, 選取剛剛下載的 zip 檔, 就會出現 Swing Designer, SWT Designer, 以及 WindowBuilder Engine 三個選項, 按左下角的 Select All 鈕全選後, 再按 Next 會顯示外掛詳細內容 :

再按 Next 出現 WB 的 Licence 聲明, 選 I Agree 後就可以按 Finish 了.  完成後須重開 Eclise 才能使用 WB 外掛. 重開後打開 File > New > Other, 在彈出的 Wizard 框中就可以看到 WindowBuilder 這一項了, 底下還有 Swing 或 SWT 等, 可以選擇要建立 JFrame 還是 JApplet :

我們新增一個名為 myFrame 的 JFrame 類別如下, 注意, 預設是 Source 原始碼視窗, 要切到 Design 頁籤才會出現所示即所得之設計視窗 :

# eclipse 插件 - Java GUI Layout 輔助工具 WindowBuilder
# Eclipse 安裝 Window Builder 教學
# eclipe + WindowBuolder 撰寫第一個 Java 圖形界面程式