我們創建一個名為 ColorSwitcher 的應用程序。它能將面板的顏色從淺灰切換到中灰和黑色。
一、創建新的 ColorSwitcher 應用程序項目:
IDE 將在系統的指定位置創建 "d:/App/ColorSwitcher" 文件夾。該文件夾包含所有項目的關聯文件,
可以使用“文件”窗口查看該結構。 如圖: 
 
二、創建容器
我們需要創建一個 Java 容器,用于放置其他需要的 GUI 組件。創建新應用程序之后,您可能注意到 “項目” 窗口中的“Source Packages”文件夾包含一個空 <缺省包> 節點。現在,我們將使用 JFrame 組件創建一個容器并將該容器放在一個新包中。
創建 JFrame 容器:
IDE 將在 ColorSwitch.java 應用程序中創建 ColorSwitch 窗體和 ColorSwitch 類。 java3z.com包將替換 <缺省包> , ColorSwitcher 窗體在“設計”視圖的“編輯器”窗口中打開。 如圖:
 
添加 JFrame 容器之后,IDE 在一個帶有工具欄(該工具欄包含 “源” 和 “設計” 的切換按鈕)的編輯器標簽中打開新建的 ColorSwitch 窗體。通過使用工具欄中的這些切換按鈕,您可以選擇查看 ColorSwitch 類的源代碼或其 GUI 組件的圖形視圖。
最初將在“設計”視圖中打開 ColorSwitch 類,而且我們將主要使用如下三個面板,它們可以通過菜單中的“窗口”打開或關閉。
單擊 “源” 按鈕顯示應用程序的 Java 源代碼和 IDE 生成的代碼部分(用藍色的 保護塊 表示,在“源”視圖中不可編輯)。在“源”視圖中時,只能在“編輯器”的白色區域中鍵入。單擊 “設計” 按鈕將使 IDE 的編輯器返回到圖形視圖。
進入討論組討論。三、定義項目的主類
繼續進行任何操作之前,我們需要使 IDE 了解哪個類為主類,以便能夠正確生成和運行命令。可以將任何帶有主方法的類設置為主類,但是本例中我們把在上一步中創建的 ColorSwitcher 類設置為主類。
設置主類:
四、選擇布局管理器
目前我們已經將 JFrame 添加為窗體的最上層容器,下一步是指定布局管理器,用來控制容器內組件的大小和位置。每種容器類型都有缺省的布局管理器。 JFrame 組件的缺省布局管理器是 BorderLayout,它將該容器分為五個部分(北、南、東、西和中)。
GridBagLayout 布局管理器,它使用一組復雜的組件屬性(稱為“約束”)對布局的所有方面進行精確控制。GridBagLayout 將組件放置在行和列的網格中,其中網格單元的大小不必完全相同。此外,組件可跨越多行或多列,或同時跨越行和列。
更改布局管理器:
            GridBagLayout 將添加到 “檢查器” 中的 JFrame 組件分層結構。 如圖:
 五、添加組件
1、添加按鈕:
JButton 組件顯示在 編輯器 的“設計”視圖中,而其相應的節點顯示在 “檢查器” 中。 JButton 組件的源代碼被添加到源代碼,并且在“源”視圖中可見。
現在編輯該按鈕,以便它以所需的字體樣式和大小顯示正確的文本。
重命名按鈕并更改其顯示字體:
JButton 組件標簽 "Switch Color" 將以大號的粗體字型顯示。
此時 編輯器中顯示 "Switch Color" 按鈕,該按鈕位于其 JFrame 容器的中心,按鈕邊框為深紫色。
由于我們的應用程序使用一個標簽來顯示將調用按鈕的顏色,因此下一步我們需要添加標簽。
添加標簽組件:
在 編輯器 中顯示帶有文本 "jLabel1" 的標簽,并且在 檢查器 的樹視圖中突出顯示名為 " jLabel1 [JLabel] " 的節點。此外, JLabel 組件的屬性顯示在 “屬性” 窗口中,并且其源代碼添加到 編輯器 的“源”視圖。
 六、使用 GridBag 定制器調整布局
與其他布局不同,當選中 “檢查器” 時,GridBagLayout 在 “屬性” 窗口中沒有可顯示的屬性。使用 GridBag 定制器 可在 GridBagLayout 中對組件的位置和約束進行可視化調整。其包括 GridBag 約束的屬性表單、調整約束的按鈕和組件布局的簡短描述。
使用 GridBag 定制器調整窗體的布局:
IDE 將更新已編輯的組件以反映這些組件的新位置和其他約束。盡管 編輯器 的“設計”視圖不顯示網格,但它現在包含一列和兩行。
 
七、對窗體進行最終調整
目前已經在窗體中對兩個組件進行了排列,我們需要編輯標簽,以便其在通過“顏色轉換器”按鈕激活時顯示顏色。我們將通過刪除標簽的文本并改變其不透明屬性來完成此操作,這樣可以使其只在單擊該按鈕時才顯示顏色。
編輯標簽的屬性:
jLabel1 組件從 編輯器 工作區中消失,但是,通過 檢查器 中相應的節點仍可以將其選中。
最后,我們需要調整窗體的屬性,以便該窗體在運行時以適當的尺寸進行顯示。
編輯窗體的屬性:
            當您運行應用程序時,在窗口中將以新的尺寸生成窗體。 
八、設置組件事件
目前您已經創建了必要的組件并將它們添加到我們的應用程序窗體,我們還需要建立這些組件與用戶之間的交互性。可以采用幾種方法完成此操作,在這里,我們將著重使用 編輯器 中的“源”視圖直接輸入代碼。
設置按鈕
首先應設置按鈕以切換顏色。在此步驟中,我們將添加所需的用戶輸入方法及將進行監視的偵聽程序代碼。
添加鼠標事件和代碼:
IDE 生成偵聽程序代碼 jButton1.addMouseListener 和事件方法 jButton1MouseClicked() 。焦點切換到包含 ColorSwitcher 類的 Java 源代碼的“源”視圖,并將光標放置在我們將要添加事件處理代碼的行上。
通過單擊 編輯器 工具欄中的 “測試窗體” 按鈕,可以在工作時預覽窗體。測試窗體在自己的窗口中打開,您可以在生成和運行之前對其進行測試。
 
IDE 所生成的受保護的 Java 代碼塊具有淺藍色背景,并且不能在“源”視圖中直接編輯。
九、使用“組件面板管理器”添加 GUI 組件
      如果使用定制組件、bean或組件庫,則可以使用”組件面板管理器“將它們添加到 IDE 的組件面板,如下圖所示。要啟動 “組件面板管理器” ,請選擇 “工具” >“組件面板管理器” 。 
十、編譯和運行您的程序
目前已經創建了用戶界面和組件之間的連接,您可以編譯并運行您的應用程序了。
編譯程序:
此時將打開 “輸出” 窗口,顯示進度和出現的任何錯誤。如果成功生成,主窗口底部的狀態欄中會顯示“已完成 ColorSwitcher”消息。
如果生成過程出現一些問題,在輸出窗口中會顯示錯誤消息。您可以通過雙擊一條錯誤消息來跳到源代碼中發生錯誤的行。成功生成應用程序之后,您就可以運行它。
或者,可以跳過生成步驟,而只是運行您的程序。IDE 將在運行程序之前自動編譯所有類。
運行程序:
IDE 顯示 輸出 窗口。如果有執行錯誤,則 IDE 顯示 輸出 和 執行 窗口。
 
當運行命令成功時,將顯示 ColorSwitcher 應用程序,并且其顯示在圖像下面。在應用程序窗口中,單擊 "Switch Color" 按鈕可檢查按鈕上的區域的顏色變化。每次單擊該按鈕時,按鈕上的標簽應從淺灰變為中灰,然后變成黑色。完成應用程序測試之后,單擊關閉該窗口退出應用程序。 如圖所示:

(出處:http://m.survivalescaperooms.com)
新聞熱點
疑難解答