我們將完成Netbeans 6.5 GUI 布局和設計工作并添加幾個按鈕和文本字段。這些文本字段用于接收用戶輸入和顯示程序輸出。這些按鈕用于啟動前端的內置功能。我們創建的應用程序是一個非常簡單但功能完善的計算器。

有關更全面的Netbeans 6.5 GUI 生成器設計功能指南（包括各種設計功能的視頻演示），請參見在Netbeans 6.5IDE 中設計 Swing GUI。 

要學完本教程，您需要具備以下軟件和資源。

第一步是為要開發的應用程序創建 IDE 項目。我們將項目命名為 NumberAddition。

1. 選擇“文件”>“新建項目”。或者，也可以單擊 IDE 工具欄中的“新建項目”圖標。
2. 在“類別”窗格中，選擇 "Java" 節點。在“項目”窗格中，選擇“Java 應用程序”。單擊“下一步”。
3. 在“項目名稱”字段中鍵入 NumberAddition，然后指定項目位置路徑（例如，在主目錄中）。
4. （可選）選中“使用專用文件夾存儲庫”復選框，并指定庫文件夾的位置。有關此選項的詳細信息，請參見共享項目庫。
5. 確保“設置為主項目”復選框處于選中狀態。
6. 如果已選中“創建主類”復選框，請取消選中該復選框。
7. 單擊“完成”。

要繼續生成界面，我們需要創建一個 Java 容器，以便放置所需的其他 GUI 組件。在此步驟中，我們將使用 JFrame 組件創建一個容器。我們將該容器放在新包中，該包將顯示在“源包”節點中。

創建 JFrame 容器

IDE 將在 NumberAddition 應用程序中創建 NumberAdditionUI 窗體和 NumberAdditionUI 類，然后在 GUI 生成器中打開 NumberAdditionUI 窗體。my.NumberAddition 包將替代缺省包。

接下來，我們將通過組件面板使用 JPanel 填充應用程序前端。然后，添加三個 JLabel、三個 JTextField 和三個 JButton。如果以前沒有用過 GUI 生成器，您可能會發現在 NetBeans IDE 中設計 Swing GUI 教程中有關組件放置的信息非常有用。

在拖動并放置完上述組件后，JFrame 應類似于以下屏幕快照。

如果在 IDE 右上角未看到“組件面板”窗口，則選擇“窗口”>“組件面板”。

1. 先從組件面板中選擇一個 JPanel，然后將其拖放到 JFrame 上。
2. 在突出顯示該 JPanel 時，轉至“屬性”窗口，然后單擊 "Border" 旁邊的省略號 (...) 按鈕以選擇邊框樣式。
3. 在 "Border" 對話框中，從列表中選擇“帶標題的邊框”，然后在“標題”字段中鍵入 Number Addition。單擊“確定”保存更改并退出該對話框。
4. 現在，將會看到一個標題為 Number Addition 的空 JFrame，它與屏幕快照類似。按照上面的屏幕快照所示，添加三個 JLabel、三個 JTextField 和三個 JButton。

在該步驟中，我們將重命名剛添加到 JFrame 中的這些組件的顯示文本。

1. 雙擊 jLabel1 并將文本屬性更改為 First Number。
2. 雙擊 jLabel2 并將文本更改為 Second Number。
3. 雙擊 jLabel3 并將文本更改為 Result。
4. 刪除 jTextField1 中的樣例文本。可通過以下方法使顯示文本處于可編輯狀態：單擊文本字段，稍等片刻，然后再次單擊文本字段。可能需要將 jTextField1 調整為原始大小。對于 jTextField2 和 jTextField3，重復此步驟。
5. 將 jButton1 顯示文本重命名為 Clear。（可以通過右鍵單擊按鈕并選擇“編輯文本”來編輯按鈕的文本。或者，也可以單擊按鈕，稍等片刻，然后再次單擊按鈕。）
6. 將 jButton2 顯示文本重命名為 Add。
7. 將 jButton3 顯示文本重命名為 Exit。

現在，完成的 GUI 應類似于以下屏幕快照：

在本練習中，我們將為 "Add"、"Clear" 和 "Exit" 按鈕添加功能。jTextField1 和 jTextField2 框用于用戶輸入，jTextField3 用于程序輸出；我們要創建的應用程序是一個非常簡單的計算器。我們現在就開始吧。

在 IDE 中運行程序：

1. 選擇“運行”>“運行主項目”。
2. 如果顯示的窗口通知您項目 NumberAddition 沒有設置主類，則應在同一窗口中選擇 "my.NumberAddition.NumberAdditionUI" 作為主類，然后單擊“確定”按鈕。

在 IDE 外部運行程序：

1. 選擇“運行”>“清理并生成主項目”(Shift-F11) 以生成應用程序 JAR 文件。
2. 通過使用系統的文件資源管理器或文件管理器，導航至 NumberAddition/dist 目錄。
3. 雙擊 NumberAddition.jar 文件。

幾秒鐘后，將會啟動應用程序。

注意：如果在雙擊 JAR 文件時沒有啟動應用程序，請參見本文以了解在操作系統中設置 JAR 文件關聯的相關信息。

也可以通過命令行啟動應用程序。

通過命令行啟動應用程序：

1. 在系統上，打開命令提示符或終端窗口。
2. 在命令提示符中，轉至 NumberAddition/dist 目錄。
3. 在命令行中，鍵入以下語句：

   java -jar  NumberAddition.jar 

本教程已介紹了如何響應簡單的按鈕事件。還可以讓應用程序響應很多其他事件。IDE 可以幫助您查找 GUI 組件可處理的可用事件列表：

1. 返回至編輯器中的 NumberAdditionUI.java 文件。單擊“設計”標簽以在 GUI 生成器中查看 GUI 布局。
2. 右鍵單擊任何 GUI 組件，然后從彈出式菜單中選擇“事件”。目前，僅瀏覽菜單以查看其中的內容，而無需選擇任何內容。
3. 或者，也可以從“窗口”菜單中選擇“屬性”。在“屬性”窗口中，單擊“事件”標簽。在“事件”標簽中，可以查看和編輯與當前活動 GUI 組件關聯的事件處理程序。
4. 可以讓應用程序響應按鍵、鼠標單擊、雙擊和三擊、鼠標移動、窗口大小以及焦點變化。可以從“事件”菜單中為所有這些內容生成事件處理程序。最常用的事件是 Action 事件。（要了解事件處理的最佳做法，請參見 Sun 的 Java 事件教程。）

事件處理是如何工作的呢？每次從“事件”菜單中選擇事件時，IDE 都會自動創建一個所謂的事件偵聽程序，并將其與組件關聯。請完成以下步驟以查看事件處理的工作方式。

1. 返回至編輯器中的 NumberAdditionUI.java 文件。單擊“源”標簽以查看 GUI 源代碼。
2. 向下滾動并注意剛實現的方法 jButton1ActionPerformed()、jButton2ActionPerformed() 和 jButton3ActionPerformed()。這些方法稱為事件處理程序。
3. 現在，滾動至名為 initComponents() 的方法。如果未看到該方法，請查找顯示 Generated Code 的行；單擊該行旁邊的 + 號以展開折疊的 initComponents() 方法。
4. 首先，請注意 initComponents() 方法周圍的藍色塊。此代碼是由 IDE 自動生成的，無法對其進行編輯。
5. 現在，瀏覽 initComponents() 方法。此外，該方法還包含用于初始化 GUI 組件并將其放置在窗體上的代碼。在“設計”視圖中放置和編輯組件時，將會自動生成和更新該代碼。
6. 在 initComponents() 中，向下滾動至顯示以下內容的位置：

   jButton3.setText("Exit");  
   jButton3.addActionListener(new java.awt.event.ActionListener() {  
       public void actionPerformed(java.awt.event.ActionEvent evt) {  
              jButton3ActionPerformed(evt);  
       }  
               }); 

   這是在 GUI 組件中添加事件偵聽程序對象的位置；在本示例中，將在 jButton3 中注冊 ActionListener。ActionListener 接口具有一個 actionPerformed 方法，該方法采用 ActionEvent 對象（只需調用 jButton3ActionPerformed 事件處理程序即可實現）作為其參數。現在，該按鈕將偵聽 action 事件。每次按下該按鈕時，都會生成 ActionEvent 并將其傳遞給偵聽程序的 actionPerformed 方法，而該方法又會執行在該事件的事件處理程序中提供的代碼。

一般來說，要能夠進行響應，每個交互式 GUI 組件需要在事件偵聽程序中進行注冊，并且需要實現事件處理程序。正如您所看到的一樣，NetBeans IDE 可處理關聯事件偵聽程序的工作，因此，您可以集中精力實現應由事件觸發的實際業務邏輯。

【編輯推薦】

1. 讓Eclipse和NetBeans共享同一個項目
2. NetBeans 6.5 界面美化與字體設置
3. Eclipse還是Netbeans
4. 如何在NetBeans中連接MySQL數據庫
5. 八大技術牛人點評NetBeans 6.5