JAVA用于開發(fā)圖形界面應(yīng)用的 SWING 組件包功能強(qiáng)大，使用方便。接下來我們就使用其寫一個(gè)簡(jiǎn)單的圖形界面小程序：加法計(jì)算器。

第一步：

首先得構(gòu)思，我們要做什么。加法計(jì)算器的話，做出來之后大概是這個(gè)樣子的。

如上圖所示，這個(gè)程序的界面在我們腦海中已經(jīng)成型了：程序頂部有一個(gè)標(biāo)題，這里用來交代我們程序的名字；功能上用戶可以在方框 1 和方框 2 中放入想要進(jìn)行相加的數(shù)值，然后我們點(diǎn)擊下方的 “計(jì)算” 按鈕，結(jié)果就會(huì)顯示在方框 3 中。

第二步：

分析界面，我們?cè)撛趺醋?。從上圖可以看出，界面中包含 7 個(gè)控件 ： 標(biāo)題，方框 1 ，方框 2 ，方框 3，加號(hào)，等于號(hào)，還有一個(gè) “計(jì)算” 按鈕。
此時(shí)我們腦海中應(yīng)該已經(jīng)有了相應(yīng)的對(duì)策 ：
方框 1 ， 方框 2 用來接收用戶動(dòng)態(tài)輸入的值，方框 3 用來顯示計(jì)算的結(jié)果；我們可以使用三個(gè)文本框來完成，其中方框 3 并不需要用戶輸入，我們可以給其設(shè)置用戶不可編輯屬性。
標(biāo)題，加號(hào)和等于號(hào)，這三個(gè)控件始終不變，我們選擇靜態(tài)的標(biāo)簽來完成。
“計(jì)算” 按鈕，當(dāng)然得用按鈕控件來完成，但是如果只是一個(gè)平平無奇的按鈕，那可就沒有用了，我們需要為這個(gè)按鈕添加一個(gè)計(jì)算加法的事件響應(yīng)，以便我們?cè)趩螕暨@個(gè)按鈕時(shí)，計(jì)算結(jié)果會(huì)出現(xiàn)在方框 3 中。

控件的使用選擇好了。我們還需要分析分析，想要實(shí)現(xiàn)如上圖所示的界面，我們需要幾個(gè)模塊。

兩個(gè)模塊：

1）標(biāo)題 為一個(gè)模塊。
2）方框 1， 方框 2，方框 3，加號(hào)，等于號(hào)為一個(gè)模塊。

這是因?yàn)?方框 1， 方框 2，方框 3，加號(hào)，等于號(hào) 處于同一水平線上，而 標(biāo)題 處于另一個(gè)水平線上。所以我們需要將其分為兩個(gè)模塊。（也許會(huì)感覺有點(diǎn)多此一舉，但程序設(shè)計(jì)就是這樣，死板且靈活，方法是固定的，但卻可以實(shí)現(xiàn)各種各樣的效果）。
在分為兩個(gè)水平模塊后，事情還沒有結(jié)束，我們還需要將這兩個(gè)水品模塊組合為一個(gè)垂直模塊（從上到下排列）。
按鈕我們待會(huì)兒隨意設(shè)置其位置，這里就不將其作為一個(gè)模塊了。

這樣，準(zhǔn)備工作算是完成了。著手寫代碼吧。

代碼實(shí)現(xiàn)：

import java.awt.Color;
import java.awt.Component;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.*;

public class MyWin extends JFrame implements ActionListener{
?? ?JTextField rValue = new JTextField(8);
?? ?JTextField lValue = new JTextField(8);
?? ?JTextField result = new JTextField(8);
?? ?JButton calcul = new JButton("計(jì)算");
?? ?
?? ?MyWin() {
?? ??? ?/**布局設(shè)計(jì)**/
?? ??? ?setTitle("加法計(jì)算器");
?? ??? ?setLayout(null);
?? ??? ?setBounds(680, 300, 512, 380);
?? ??? ?setVisible(true);
?? ??? ?setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
?? ??? ?
?? ??? ?JPanel myTitle = new JPanel();
?? ??? ?myTitle.add(new JLabel("加法計(jì)算器 - v1.0"));
?? ??? ?JPanel myText = new JPanel();
?? ??? ?myText.add(rValue);
?? ??? ?myText.add(new JLabel(" + "));
?? ??? ?myText.add(lValue);
?? ??? ?myText.add(new JLabel(" = "));
?? ??? ?result.setEditable(false);
?? ??? ?result.setBackground(Color.LIGHT_GRAY);
?? ??? ?myText.add(result);
?? ??? ?
?? ??? ?Box myMain = Box.createVerticalBox();
?? ??? ?Component strut1 = Box.createVerticalStrut(20);
?? ??? ?Component strut2 = Box.createVerticalStrut(200);
?? ??? ?myMain.add(strut1);
?? ??? ?myMain.add(myTitle);
?? ??? ?myMain.add(myText);
?? ??? ?myMain.add(strut2);
?? ??? ?myMain.setBounds(0, 0, 512, 380);
?? ??? ?add(myMain);
?? ??? ?
?? ??? ?calcul.setBounds(200, 220, 100, 60);
?? ??? ?add(calcul);
?? ??? ?
?? ??? ?/**事件監(jiān)聽**/
?? ??? ?calcul.addActionListener(new ActionListener() {

?? ??? ??? ?@Override
?? ??? ??? ?public void actionPerformed(ActionEvent e) {
?? ??? ??? ??? ?// TODO Auto-generated method stub
?? ??? ??? ??? ?
?? ??? ??? ??? ?try {
?? ??? ??? ??? ??? ?int rVal = Integer.valueOf(rValue.getText());
?? ??? ??? ??? ??? ?int lVal = Integer.valueOf(lValue.getText());
?? ??? ??? ??? ??? ?int res = rVal + lVal;
?? ??? ??? ??? ??? ?result.setText(String.valueOf(res));
?? ??? ??? ??? ?} catch (Exception e1) {
?? ??? ??? ??? ??? ?System.out.println(e1);
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ??? ?
?? ??? ?});
?? ?}

?? ?@Override
?? ?public void actionPerformed(ActionEvent e) {
?? ??? ?// TODO Auto-generated method stub

?? ?}
}

上述代碼中：

1 ~ 5 行，導(dǎo)入了需要使用到的包。

想要實(shí)現(xiàn)窗口界面，首先我們需要一個(gè)窗口。

7 ~ 70 行，定義了一個(gè)窗口類并在其構(gòu)造函數(shù)中具體實(shí)現(xiàn)了控件的初始化。該窗口類繼承自 JAVA 提供的JFrame 窗口類，并實(shí)現(xiàn)了JAVA 提供的 ActionListener 事件響應(yīng)接口（我們使用該窗口類作為自己的事件監(jiān)聽器）。

8 ~ 11 行，將文本框與按鈕控件作為類的成員屬性，因?yàn)樵诔绦蜻\(yùn)行時(shí)他們的狀態(tài)需要保存下來，如果將其定義在某個(gè)函數(shù)中，該函數(shù)結(jié)束時(shí)，控件的生命周期也會(huì)結(jié)束，控件的狀態(tài)已經(jīng)其中的值無法保存，我們便無法完成后序的其他操作。其中 8，9，10 行文本框控件使用有參構(gòu)造定義，表示該文本框控件最大可顯示 8 位字符。

13 ~ 63 行，實(shí)現(xiàn)窗口類的構(gòu)造函數(shù)。

15 行，設(shè)置窗口標(biāo)題。

16 行，設(shè)置窗口布局為 null 布局，即我們需要設(shè)置每一個(gè)控件的位置。

17 行，設(shè)置窗口程序運(yùn)行時(shí)出現(xiàn)在屏幕上時(shí)的初始位置和窗口大小。

18 行，設(shè)置窗口可見。若設(shè)置為 false ，則窗口不可見（你什么也看不到）。

19 行，設(shè)置點(diǎn)擊窗口右上角叉叉時(shí)程序的事件響應(yīng)。我這里設(shè)置為 EXIT_ON_CLOSE ，即點(diǎn)擊后退出程序。

21 行，定義一個(gè) myTitle 面板（即為上文中第一個(gè)模塊），用來存放我們的標(biāo)題。
22 行，往 mytitle 面板中增加了我們的標(biāo)題文本標(biāo)簽。

23 ~ 30，定義 myText 面板（第二個(gè)模塊）并往其中添加了類成員屬性中的三個(gè)文本框控件。其中 28 行設(shè)置接受結(jié)果的文本框的屬性為不可編輯，29 行設(shè)置其顏色為亮灰色。

32 ~ 39 行，我們將上面定義的兩個(gè)面板（兩個(gè)模塊）放入了一個(gè)垂直盒子中（將兩個(gè)模塊組合）。
其中 33，34 行我設(shè)置了兩個(gè)支撐體，用來控制兩個(gè)模塊之間的距離。

40 行，將裝有兩個(gè)面板的盒子添加到當(dāng)前窗口。

42 行，設(shè)置 “計(jì)算” 按鈕出現(xiàn)在窗口中的位置和按鈕的大小。
43 行，將按鈕添加到當(dāng)前窗口。

46 ~ 62 行，為 “計(jì)算” 按鈕注冊(cè)監(jiān)聽器并實(shí)現(xiàn)事件響應(yīng)函數(shù)（將兩個(gè)文本框內(nèi)的字符串轉(zhuǎn)化為整形數(shù)據(jù)進(jìn)行加法計(jì)算后，將結(jié)果輸出在接收結(jié)果的文本框中）。

在相同包下的 Test 文件中測(cè)試一下程序。

public class Test {

?? ?public static void main(String[] args) {
?? ??? ?// TODO Auto-generated method stub
?? ??? ?MyWin a = new MyWin();
?? ?}

}

運(yùn)行效果：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論