案例學(xué)習(xí)

一、創(chuàng)建第一個(gè)過程
????????環(huán)境設(shè)置完成后，現(xiàn)在可以創(chuàng)建第一個(gè)Java GUI應(yīng)用程序。在本教材中，使用“→”作為符號(hào)從選項(xiàng)中選擇菜單項(xiàng)。例如如圖所示，File→New Project，這意味著從File菜單，然后選擇New Project子菜單。要使用NetBeans創(chuàng)建你的第一個(gè)項(xiàng)目，可以從IDE中選擇File→New Project。

????????當(dāng)選擇File→New Project時(shí)，將看到一個(gè)新項(xiàng)目對(duì)話框。

????????在圖中所示的New Project窗口中，Categories部分選擇Java with Maven→Java Application。然后，單擊“Next”按鈕，用戶將看到一個(gè)New Java Application對(duì)話框如圖：

????????New Java Application對(duì)話框?qū)⒁笥脩舸_定項(xiàng)目名稱（Project Name）及其項(xiàng)目文件存放位置（Project Location）。在本例中，項(xiàng)目名稱為HelloJava；存放位置按照自己的意愿指定，如圖所示。完成所有工作后，只需單擊“Finish”按鈕來結(jié)束項(xiàng)目制作過程。

????????創(chuàng)建項(xiàng)目之后，下一步是通過右擊HelloJava→New→JFrame Form菜單命令來創(chuàng)建GUI應(yīng)用程序（Form窗口應(yīng)用程序），如圖所示。

????????在圖中，需要確定Form窗口的類名。在本例中，創(chuàng)建的類名為HelloJavaForm。然后，還需要確定創(chuàng)建JFrame Form類的包的名稱。Package下拉菜單中選擇 “com.mycompany.hellojava”，若之前的步驟項(xiàng)目名不是“HelloJava”，則下拉菜單里面的內(nèi)容和本文不一樣，沒關(guān)系，直接選擇就是了。設(shè)置好一切后，選擇“Finish”按鈕結(jié)束步驟，將出現(xiàn)以下顯示。

????????圖中是已經(jīng)添加到HelloJava項(xiàng)目的HelloJavaForm視圖。在HelloJavaForm的設(shè)計(jì)部分中，正方形框表示已創(chuàng)建的Form窗口。

????????創(chuàng)建Form窗口之后，需要考慮兩個(gè)部分，用戶需要知道，它們是Design（設(shè)計(jì)）和Source（源代碼）部分。兩個(gè)部分位于創(chuàng)建的Form窗口的上方，如上圖所示。Design部分用于設(shè)計(jì)Form窗口的外觀，而Source部分用于查看已創(chuàng)建的類（在本例中是HelloJavaForm類）中的代碼。通過單擊這兩個(gè)部分中的一個(gè)，用戶就可以從一個(gè)部分切換到另一個(gè)部分。
????????要向Form窗口添加屬性或控件，Java提供了一個(gè)包含窗體控件的選項(xiàng)板（工具箱）。此外，還有屬性部分，用于設(shè)置控件的屬性。在這種情況下，用戶將學(xué)習(xí)如何通過添加Label控件來操作Form窗口。
1. 屬性窗口
????????屬性窗口（Properties Window）是包含在面板中的窗體或控件的一部分，用于設(shè)置窗體或控件的屬性。要顯示“屬性窗口”可以右擊特定的窗體或控件，然后選擇“Properties”。另外，要顯示屬性窗口也可以通過選擇菜單Windows→IDE Tools→Properties來實(shí)現(xiàn)。

????????如圖所示是HelloJavaForm的屬性窗口。在這些窗口中，可以設(shè)置窗口的標(biāo)題、窗口的大小和其他各種屬性。例如，在本例中，將使用“歡迎來到Java GUI的世界”設(shè)置Form窗口的標(biāo)題。為此，在Form窗口的Properties窗口中選擇title，然后填寫所需的文本，如圖所示。

? ? ? ? ?圖中給出窗口標(biāo)題設(shè)置的過程。“Properties”窗口中的“title”部分是為窗口填寫標(biāo)題的位置。
要查看更改的效果，可以通過選擇菜單Run→Run Project或按F6鍵來運(yùn)行程序。但是，在運(yùn)行之前，建議程序員通過選擇“Run→Built Project”菜單來構(gòu)建程序。這是為了確保在創(chuàng)建的程序中沒有錯(cuò)誤。下面是運(yùn)行后的應(yīng)用程序顯示，如圖所示。

? ? ? ? 上圖顯示了運(yùn)行后的應(yīng)用程序。從圖中可以看出，Form窗口標(biāo)題根據(jù)Properties窗口的指定進(jìn)行了更改。
2. 面板編輯器
????????面板編輯器（Palette Editor）包含用于修改窗體外觀的控件圖標(biāo)。面板編輯器中包含的控件分為幾個(gè)類別，即Swing Containers、Swing Controls、Swing Menus、Swing Windows、Swing Fillers、AWT、Beans和Java Presistencn。分組是基于每個(gè)控件的使用。

????????上圖顯示了在面板編輯器中找到的控件，當(dāng)創(chuàng)建GUI應(yīng)用程序來使用這些控件時(shí)，用戶可以簡(jiǎn)單地單擊和拖動(dòng)想要使用的控件，并將它們放到Form窗口上。與一開始就通過輸入代碼來實(shí)現(xiàn)自己的控制相比，這當(dāng)然非常簡(jiǎn)單。在本例中，將嘗試向HelloJavaFormForm窗口添加一個(gè)Label控件。它位于Swing Controls 類別中，該類別通常用于在GUI應(yīng)用程序中顯示字符串和圖像。

????????如上圖所示，從面板編輯器中拖動(dòng)Label控件后，下一步是替換Label上的文本。為此，用戶可以右擊Label，然后選擇Edit Text。此外，還可以通過Label控件的Proprties窗口替換它，然后在text部分中輸入所需的文本。

????????在圖的Properties窗口中，可以看到Label控件擁有的屬性。用戶可以設(shè)置背景顏色、背景顏色、文本、文本字體、文本對(duì)齊，等等。要設(shè)置標(biāo)簽的字體，可以在“Properties”窗口中選擇“font”部分。

????????從圖中可以看出，Label使用“華文楷體”字體，字體樣式為Bold，字體大小為18。設(shè)置完字體后用鼠標(biāo)拖動(dòng)Label周圍的小正方形來調(diào)整Label的大小，使所有的字在Label中都可見

????????二、向窗體添加控件
????????Java中的GUI編程涉及幾個(gè)用于修改窗口外觀的控件，如前一節(jié)所述，這些控件位于Palette面板編輯器窗口中。在前面的案例中，向JFrame Form添加了一個(gè)Label控件。這里有許多關(guān)于JFrame Form的基本控件還沒有討論，比如文本框、按鈕、單選按鈕、復(fù)選框、列表、進(jìn)度條等。
現(xiàn)在在HelloJavaFormForm窗口中再添加一個(gè)控件，在本例中，將在Form窗口上添加一個(gè)Button按鈕控件，如圖所示。按鈕控件是使用JButton類創(chuàng)建的。在這個(gè)小案例中，當(dāng)單擊窗體上的按鈕時(shí)，程序?qū)⑾蛴脩麸@示一條消息。

????????向Form窗口添加Button控件的方法可以與添加以前的Label控件相同。要編輯一個(gè)Button的文本，可以通過在Button上右擊選擇Properties。從圖中可以看到，按鈕text被更改為“顯示信息”。對(duì)于添加到窗體中的每個(gè)控件，必須做的另一件事是設(shè)置控件的變量名。要更改Button控件的名稱可以通過右擊Button→Change Variable Name來實(shí)現(xiàn)更改變量名

????????從圖看出，添加的按鈕變量名是ShowMessage。變量名將用于從代碼中訪問控件的屬性。下一步是設(shè)置按鈕的Event事件，該事件將在按鈕被按下或單擊時(shí)觸發(fā)按鈕執(zhí)行某些操作。可以通過雙擊添加的按鈕來創(chuàng)建Event，這樣源代碼部分就會(huì)顯示IDE生成的代碼。也可以在按鈕上右擊→Events→Action→actionPerformed。

?????????集成開發(fā)環(huán)境IDE會(huì)自動(dòng)從Design設(shè)計(jì)模式跳轉(zhuǎn)到Source源代碼模式，

????????上面的代碼（其實(shí)是事件函數(shù)，先不用理解什么是“函數(shù)”）是由IDE自動(dòng)生成的按鈕的事件。在這個(gè)函數(shù)中將放置一些代碼語句，這些代碼語句將在單擊按鈕時(shí)執(zhí)行。在本例中，當(dāng)按鈕單擊時(shí)，該程序?qū)⑼ㄟ^JOptionPane消息對(duì)話框顯示一條消息。為此，第一步是導(dǎo)入java swing。要開始手動(dòng)寫第一行代碼了，使用下面的一行代碼import導(dǎo)入javax.swing包（package）里面的JOptionPane類
import javax.swing.JOptionPane;

????????之后，所要做的就是將下面的代碼添加到ShowMessage按鈕事件中。請(qǐng)注意“小括號(hào)”、“雙引號(hào)”、“分號(hào)”是英文輸入法狀態(tài)的英文字符。
JOptionPane.showMessageDialog(rootPane, "Hello,歡迎來到Java GUI的世界！！！");

?????????從圖可以看出，當(dāng)單擊按鈕時(shí)，應(yīng)用程序顯示消息“Hello，歡迎來到Java GUI的世界！！！”
案例1——身份展示器
????????在該案例中，將嘗試制作一個(gè)在Form窗口上顯示某人身份的應(yīng)用程序，包括姓名、地址和電話號(hào)碼。只有單擊“Show”按鈕，身份才會(huì)出現(xiàn)。因此，當(dāng)程序運(yùn)行時(shí)，Form窗口上不顯示任何標(biāo)識(shí)。
????????1、創(chuàng)建名為ShowIdentity的項(xiàng)目
File→New Project，然后在彈出的窗口選擇Java with Maven→Java Application，設(shè)置Project Name為“ShowIdentity”；
????????2、添加具有名稱Identity的JFrame Form
在“ShowIdentity”項(xiàng)目上右擊→New→JFrame Form，然后Class Name設(shè)置為“Identity”，Package的值從下拉菜單中選擇。
????????3、顯示身份，添加3個(gè)Label標(biāo)簽控件，設(shè)置每個(gè)標(biāo)簽用以下變量名字lblName、lblAddress、lblPhone。
從面板編輯器拖動(dòng)3個(gè)Label控件放到JFrame Form窗口里面，然后分別在標(biāo)簽上右擊→Change Variable Name來修改控件的變量名為lblName 、blAddress、lblPhone。
????????4、添加一個(gè)變量名為ShowButton的Button控件，然后用“Show Identity”作為該按鈕控件的text文本顯示值。
從面板編輯器中拖動(dòng)一個(gè)Button控件到JFrame Form窗口，然后在該Button控件上右擊→Change Variable Name將其變量名設(shè)置為“ShowButton”并確認(rèn)。接著在該Button控件上右擊→Properties，在打開的屬性窗口中將text的值設(shè)置為“Show Identity”。
????????（1）、將IDE從Design設(shè)計(jì)模式切換到Source源代碼模式；添加如下代碼到public Identity()對(duì)應(yīng)的大括號(hào)里面。
lblName.setVisible(false);
lblAddress.setVisible(false);
lblPhone.setVisible(false);

????????上面的程序代碼是Identity類的構(gòu)造方法中添加了3行設(shè)置標(biāo)簽不可見的代碼，在程序運(yùn)行時(shí)將首先調(diào)用該類的構(gòu)造方法。

????????此時(shí)單擊“Show Identity”按鈕是沒有任何反應(yīng)的，因?yàn)椤癝how Identity”按鈕還沒有添加事件代碼。
????????（2）、將IDE從Source源代碼模式切換到Design設(shè)計(jì)模式，
????????在設(shè)計(jì)模式下雙擊“Show Identity”按鈕或者在按鈕上右擊→Event→Action→actionPerformed，這將會(huì)使IDE從Design模式再次自動(dòng)切換到Source模式，并且IDE自動(dòng)添加了按鈕事件的方法體代碼。
????????在private void ShowButtonActionPerformed對(duì)應(yīng)的大括號(hào)里面添加如下代碼：
? ? ? ? ????????lblName.setVisible(true);
? ? ? ????????? lblName.setText("姓名：迪麗娜扎");
? ? ? ? ????????lblAddress.setVisible(true);
? ? ? ????????? lblAddress.setText("地址：北京市烏魯木齊路八樓");
? ? ????????? ? lblPhone.setVisible(true);
? ? ? ????????? lblPhone.setText("電話：18888888888");

案例2——文本顏色更改器
????????在本例中，將嘗試更改添加到Form窗口中的標(biāo)簽的文本顏色。該程序?qū)@示三所大學(xué)的名字。三所大學(xué)的名字將會(huì)在應(yīng)用程序首次運(yùn)行時(shí)出現(xiàn)。此外，當(dāng)用戶按下“Red”、“Blue”和“Green”按鈕時(shí)，三所大學(xué)的文本顏色將變?yōu)榧t色、藍(lán)色和綠色。
以下是創(chuàng)建此應(yīng)用程序的步驟。
????????1、創(chuàng)建名為University的項(xiàng)目。
????????2、添加帶有University名稱的JFrame Form。
????????3、為了顯示三所大學(xué)的名稱，添加3個(gè)標(biāo)簽，使用以下名稱設(shè)置標(biāo)簽的變量名為lblUniversity1、lblUniversity2、lblUniversity3。
????????4、此外，在Form窗口上添加一個(gè)用作標(biāo)題的標(biāo)簽，并將text文本更改為“我的大學(xué)”。這個(gè)標(biāo)簽的變量名不需要更改，因?yàn)樗皇且粋€(gè)描述。
????????5、然后，添加3個(gè)具有以下變量名稱的控制按鈕為RedButton、BlueButton和GreenButton。將3個(gè)按鈕的text文字改為以下文字：“Red”、“Blue”、“Green”。
????????在本案例中，三所大學(xué)分別是清華大學(xué)（Tsinghua University）、北京大學(xué)（Beijing University）和黃河水利職業(yè)技術(shù)學(xué)院(Yellow River Conservancy Technical Institute)。要在應(yīng)用程序首次運(yùn)行時(shí)顯示這三所大學(xué)，你只需在University類的構(gòu)造函數(shù)中添加以下語句。
????????lblUniversity1.setText("清華大學(xué)");
????????lblUniversity2.setText("北京大學(xué)");
????????lblUniversity3.setText("Yellow River Conservancy Technical Institute ");

????????運(yùn)行程序后，單擊“Red”、“Blue”、“Green”按鈕，對(duì)應(yīng)的標(biāo)簽改變顏色的效果顯示如圖

任務(wù)3事件處理
????????事件處理是控件上的各種操作的應(yīng)對(duì)方法，某一操作發(fā)生時(shí)要觸發(fā)相應(yīng)的代碼來應(yīng)對(duì)和處理該操作事件。例如，當(dāng)做單擊按鈕操作時(shí)，就是在按鈕上發(fā)生了一次單擊事件，程序?qū)⑼ㄟ^對(duì)話框顯示一條消息。事件被調(diào)用為ActionPerformed事件。

????????當(dāng)單擊“Show Message”按鈕時(shí)，第94行到第99行的語句將被執(zhí)行。這些語句是當(dāng)單擊“Show Message”按鈕時(shí)將采取的操作。換句話說，event事件是一個(gè)觸發(fā)控件執(zhí)行特定動(dòng)作的方法。
?案例3——學(xué)生姓名顯示器
????????在本例中，將為Button和Label創(chuàng)建一個(gè)事件。本例將演示如何在單擊按鈕時(shí)顯示第一個(gè)學(xué)生的名字，在單擊標(biāo)簽時(shí)顯示第二個(gè)學(xué)生的名字。
以下是創(chuàng)建此應(yīng)用程序的步驟。
????????1、創(chuàng)建一個(gè)名稱為Students的項(xiàng)目。
????????2、添加名稱為DisplayStudent的JFrame Form。
????????3、添加2個(gè)Label控件來顯示名稱，并使用以下名稱更改變量名lblStudent1和lblStudent2。此外，還添加了一個(gè)標(biāo)簽控件，用作Form窗口的標(biāo)題，并將其文本更改為“學(xué)生姓名顯示器”。此標(biāo)簽的變量名不需要更改，因?yàn)樗鼉H用作描述。
????????4、 添加一個(gè)變量名為ShowButton的按鈕，并更改文本為“Show Student 1”。
此外，還可以添加變量名為lblShow的標(biāo)簽，并使用“Show Student 2”作為顯示文本。
要使顯示學(xué)生姓名的標(biāo)簽在程序首次運(yùn)行時(shí)不出現(xiàn)，必須在DisplayStudent的構(gòu)造方法里面將兩個(gè)標(biāo)簽的文本設(shè)置為空字符串。

????????此時(shí)單擊Show Student 1按鈕和Show Student 2標(biāo)簽時(shí)沒有任何反應(yīng)。像上一個(gè)案例一樣，需要添加事件代碼。給按鈕添加事件代碼想必學(xué)生已經(jīng)掌握了；給Show Students 2標(biāo)簽添加事件代碼的步驟是：
????????在該標(biāo)簽上右擊→Event→Mous→MouseClicked；“Show Student 1”按鈕和“Show Student 2”標(biāo)簽的事件

????????上面代碼中的第104行到第108行是按鈕ShowButton的事件，它將顯示學(xué)生的名字“王渤”，并將其設(shè)置為藍(lán)色。而第110到第114行是標(biāo)簽lblShow的一個(gè)事件，它將顯示學(xué)生“黃寶強(qiáng)”的名字，并將其設(shè)置為紅色。
????????單但擊“Show Student 1”按鈕后，單擊“Show Student 2”標(biāo)簽

案例4——圖像顯示小應(yīng)用
????????本案例將展示如何在窗體上顯示圖像。單擊“Show Image”按鈕，圖像就會(huì)出現(xiàn)。
以下是創(chuàng)建此應(yīng)用程序的步驟：
????????1、用名稱DisplayImage創(chuàng)建一個(gè)項(xiàng)目。
????????2、添加名為ImageViewer的JFrame Form。
????????3、要在窗體上顯示圖像，請(qǐng)?zhí)砑右粋€(gè)帶有變量名稱lblImage的標(biāo)簽。此外，還可以在Form窗口上添加一個(gè)用做標(biāo)題的標(biāo)簽，并更改文本為“圖像顯示小應(yīng)用”。這個(gè)標(biāo)簽的變量名不需要更改，因?yàn)樗皇且粋€(gè)描述。
????????4、添加一個(gè)變量名為ShowButton的按鈕，并更改文本為“Show Image”。
在本例中，通過單擊lblImage標(biāo)簽并拖動(dòng)標(biāo)簽周圍的小方塊來拉大lblImage的高度和寬度。并通過lbllmage右擊→properties屬性窗口為標(biāo)簽提供邊框

? ? ? ? 要?jiǎng)h除lbllmage上的文本“jLabel2”字樣，可以右擊lblImage→Edit Text并刪除文本。用戶還可以通過在程序第一次運(yùn)行時(shí)提供一個(gè)空字符串來實(shí)現(xiàn)這一點(diǎn)

? ? ? ? 此時(shí)單擊“Show Image”按鈕沒有任何反應(yīng)，需要添加一個(gè)按鈕單擊事件。“Show Image”按鈕的事件的代碼如下：
????????lblImage.setIcon(new javax.swing.ImageIcon("C:\\wy\\ww.png"));

?????????在上面的代碼中，可以看到Imagelcon類傳遞了一個(gè)字符串作為參數(shù)，該參數(shù)是顯示圖像的名稱和位置。可以看到傳遞的參數(shù)是C:\\wy\\ww.png。這意味著所顯示的圖像名稱為logo.png，并且它位于C:\\wy\\ww.png目錄中。用戶可以根據(jù)想展示的圖像的名稱和位置更改此參數(shù)，為自己計(jì)算機(jī)里面圖片的路徑。

總結(jié)

以上是生活随笔為你收集整理的基础案例学习（工匠工坊案例）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。