NetBeans 4.1 Swing GUI 建構完整教學：ColorSwitcher 範例從專案建立到執行

NetBeans 4.1 Matisse GUI 建構器實戰

NetBeans 4.1 導入 Matisse GUI 建構器，提供所見即所得的 Swing 介面設計體驗。本文以 ColorSwitcher 專案為例，完整示範從專案建立、容器配置、元件佈局、事件處理到編譯執行的全流程。

1. 建立 Java 應用程式專案

1. 檔案 → 新建專案 (Ctrl+Shift+N)
2. 類別：一般，專案：Java 應用程式
3. 專案名稱：ColorSwitcher，位置：d:\App
4. 勾選設為主專案，**取消勾選**建立主類別
5. 完成 → 產生專案結構

2. 建立 JFrame 容器

1. 專案視窗右鍵專案節點 → 新建 → JFrame 表單
2. 類別名稱：ColorSwitch，套件：java3z.com
3. 完成 → 開啟設計檢視，自動產生 ColorSwitch.java 與 ColorSwitch.form

3. 設定主類別

1. 專案右鍵 → 屬性
2. 分類：執行 → 執行專案
3. 主類別：瀏覽選擇 java3z.com.ColorSwitch
4. 確定

4. 選擇佈局管理器：GridBagLayout

• 元件面板 → 佈局 標籤 → 選擇 GridBagLayout
• 點擊設計區灰色背景套用
• 檢查器顯示 GridBagLayout 節點

原因：GridBagLayout 提供精細的格子約束控制，適合表單類介面。

5. 加入元件與屬性設定

JButton：顏色切換按鈕

1. 元件面板 → Swing 控制項 → JButton 拖入設計區
2. 右鍵按鈕 → 編輯文字 → 輸入 Switch Color
3. 屬性視窗 → font → 粗體、14pt

JLabel：顏色顯示區

1. 拖入 JLabel
2. 屬性：text 清空、opaque 勾選（顯示背景色）

6. GridBag 客製化器精細佈局

1. 檢查器右鍵 GridBagLayout → 客製化
2. 拖曳按鈕至標籤下方
3. 選取標籤 → 內部填充 Y = 33、填充 = 水平
4. Ctrl 多選兩元件 → 邊距 四向 = 5
5. 關閉 → 設計區呈現單欄雙列佈局

7. 視窗屬性調整

1. 檢查器選取 JFrame → 屬性視窗切換 程式碼 模式
2. 視窗大小策略 = 產生調整大小程式碼、產生大小 = true
3. 表單尺寸 = [200, 150]

8. 事件處理程式碼撰寫

1. 設計檢視右鍵按鈕 → 事件 → 滑鼠 → mouseClicked
2. 切換至原始碼檢視，在產生的 jButton1MouseClicked 方法加入：

private java.awt.Color currentColor = java.awt.Color.lightGray;

private void jButton1MouseClicked(java.awt.event.MouseEvent evt) {
    if (currentColor == java.awt.Color.lightGray)
        currentColor = java.awt.Color.gray;
    else if (currentColor == java.awt.Color.gray)
        currentColor = java.awt.Color.black;
    else
        currentColor = java.awt.Color.lightGray;
    jLabel1.setBackground(currentColor);
}

9. 元件面板管理器擴充元件庫

• 工具 → 元件面板管理器
• 匯入第三方 Bean/JAR、建立自訂分類

10. 編譯與執行

1. 建置 → 編譯 (F9) 或直接 執行 → 執行主專案 (F6)
2. 輸出視窗顯示進度與錯誤
3. 成功後彈出視窗，點擊按鈕觀察標籤背景色在淺灰→灰→黑循環切換

Matisse 設計器關鍵特性

遷移至新版 NetBeans 提示

• NetBeans 6.0+ 重寫 GUI 建構器，.form 格式相容但建議重新建立。
• 現代專案建議使用 Maven 或 Gradle 管理依賴。
• 考慮遷移至 IntelliJ IDEA GUI Designer 或 Eclipse WindowBuilder。