Swing初體驗

　　對于想學習Swing編程的朋友，我們特地為大家準備了一些小竅門。首先，下載并閱讀代碼是極有必要的。由于這是一篇關于Swing的教程，所以，我們只是盡可能講解一些與Swing有關的內容，與Swing無關的內容一般不會涉及，例如算法部分。其次，受篇幅限制，也不可能在這里將每部分代碼都寫得完完整整的，所以，大家也需要對照完整代碼來看。最后，為了使大家更容易把精力集中在Swing學習上，我們也將游戲開發中所需資源放在下載文件中，大家下載后便能夠編譯運行，看到執行結果。（下載游戲源文件）

　　1.頂層容器

　　什么是頂層容器？當我們使用Java進行圖形編程的時候，圖在哪里繪制呢？我們需要一個能夠提供圖形繪制的容器，這個容器就被稱為頂層容器，你也可以把它想象成一個窗口。頂層容器是進行圖形編程的基礎，一切圖形化的東西，都必然包括在頂層容器中。在Swing中，我們有三種可以使用的頂層容器，它們分別是:

　　·JFrame:用來設計類似于Windows系統中的窗口形式的應用程序。
　　·JDialog:和JFrame類似，只不過JDialog是用來設計對話框。
　　·JApplet:用來設計可以在嵌入在網頁中的Java小程序。

　　如果需要使用Swing制作一個窗口類程序，我們的代碼看起來應該是這樣:

import javax.swing.*; public class KyodaiUI extends JFrame { …… }

　　2.控件

　　控件是構成應用程序界面的基本元素，按鈕、文本框、進度條等，這些都是控件。控件(這里我們只討論可視化控件)又可以分為容器控件和非容器控件。從字面意義上來理解，容器控件就是能包含其他控件的特殊控件，例如，Java中的JPanel控件就屬于容器型控件，我們可以在JPanel中放置按鈕、文本框等非容器控件，你甚至可以在JPanel中再放置若干個JPanel控件(值得注意的是，頂層容器也是容器型控件，每一個窗口應用程序中有且只能有一個頂層容器控件，換句話說，頂層容器不能包括在其他的控件中)。

　　Java中的容器控件有很多，除剛才提到的JPanel外，還有JTabbedPane、JScrollPane等，非容器控件有JButton、JLabel、JTextField等。如果你需要向某個容器型的控件中添加控件，你可以使用 add(Component comp) 方法來實現，如:

JPanel panel = new JPanel(); JButton button = new JButton(); panel.add(button);

　　3.布局

　　什么是布局？布局是Java中用來控制控件排列位置的一種界面管理系統。使用過其他可視化編程開發語言的人在初次接觸Java界面設計時，總會感覺到Java界面設計很別扭:居然沒有提供所見即所得的設置控件坐標的方法！然而，事實證明，Java本身提供的布局管理系統也一樣能夠出色地完成我們的需要，而且在跨平臺時表現得更有優勢。

　　常用的布局有:

　　·BorderLayout:將界面分割為上下左右以及中間一塊區域的管理系統，在BorderLayout布局中，最多你只能放5個控件，如果超過5個控件，建議還是選用其他的布局系統吧。

　　·GridLayout:GridLayout是將用戶界面切割為棋盤一樣的布局管理系統。如果我們要設計一個類似于Windows中自帶的計算器軟件，GridLayout無疑是最佳選擇。

　　·FlowLayout:FlowLayout與上述兩類布局管理系統不太一樣，在FlowLayout中，你不必指定每個控件放在哪，你只需要把控件加入到FlowLayout中，FlowLayout就會根據你添加控件的順序依次放置控件，如果空間不夠，會自動換行。

　　在對這幾個布局管理系統有了基本認識后，我們就一起來進入界面設計吧。在仔細觀察了QQ游戲中“連連看”的設定后，我們可以發現，整個界面分為三個區，頂部是系統菜單區，占地面積最大的是用戶游戲區，另外還有一個用戶交互區，每個區域中都由若干控件組成。

　　這么多控件，我們從哪開始入手呢？由于容器控件中可以放置其他控件，因此，我們只需要先確定放置的容器控件就可以了。 既然已經知道需要使用容器控件的個數，接下來讓我們就進入布局管理系統的選擇。用GridLayout？似乎有點勉強，用FlowLayout？還有更好的選擇嗎？對了，我想你一定想到了是BorderLayout吧，如下圖2所示。


　　動手之前，大家一定要注意的是，界面的設計要先考慮好尺寸，不管是主程序界面的大小還是每個區域的大小，如果沒有設計好合適的尺寸，將來改動起來會十分痛苦。

　　下面便是相應的源程序:

import java.awt.*; import javax.swing.*; public class KyodaiUI extends JFrame { public KyodaiUI() { this.setSize(780， 500); //將窗體的大小設定為780*500 this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); this.setResizable(false); //窗體不能改變大小 this.setTitle("連連看"); //設置標題 JPanel toolBar = new JPanel(); toolBar.setBackground(Color.white); toolBar.setPreferredSize(new Dimension(780， 48)); 　 JPanel actionPanel = new JPanel(); //新建JPanel型的控件 actionPanel.setBackground(Color.yellow); //設置背景色 actionPanel.setPreferredSize(new Dimension(160， 380)); //設置大小 　JPanel contentPanel = new JPanel(); contentPanel.setBackground(Color.blue); contentPanel.setPreferredSize(new Dimension(620， 380)); this.getContentPane().add(toolBar， BorderLayout.NORTH); this.getContentPane().add(actionPanel， BorderLayout.EAST); this.getContentPane().add(contentPanel， BorderLayout.CENTER); } 　　 public static void main(String[] args) throws HeadlessException { KyodaiUI kyodaiUI = new KyodaiUI(); kyodaiUI.show(); } }

　　讓我們來看看上面這段程序是如何運行的。首先，extends JFrame表明了這是從JFrame中繼承過來的，JFrame是最基本的頂層容器控件。實際上，在JDK中，以字母J打頭的控件都是Swing控件。然后設置了容器的屬性，其中，setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)是用來告訴Java虛擬機，當用戶點擊窗體右上角的“關閉”按鈕時，關閉該窗口進程。如果不這么做的話，你會發現雖然你可以點將窗口關閉，然而程序卻沒有退出。在接下來的代碼中，我們為頂層容器添加了三個Panel容器。要注意的是，在AWT中，我們可以直接寫為add(toolBar， BorderLayout.NORTH) ，而在 Swing 中卻一定要寫成getContentPane(). add(toolBar， BorderLayout.NORTH) ，否則程序就會出錯。

　　現在大家可以放在編譯運行看看，是不是和我的運行結果一樣(見圖3)？


　　4.邊框

　　雖然我們使用了不同前景色來區別不同的區域，然而卻沒有層次感，加上邊框一定會漂亮許多。

　　在Java中，所有以J打頭的Swing控件都可以使用setBorder方法來為自己設置邊框。邊框有很多種，線型、凸起、凹下、空的，你甚至可以自由組合形成個人風格。所有的Border都必須使用javax.swing.BorderFactory中提供的靜態方法來創建，比如:

Border border = BorderFactory.createBevelBorder(BevelBorder.LOWERED， new Color(45， 92， 162)， new Color(43， 66， 97)， new Color(45， 92， 162)， new Color(84， 123， 200));

　　現在，我們將toolBar.setBackground(Color.white)改為toolBar.setBorder(border)，立體效果是不是已經出現了？

　　實戰——寫上自己的大名

　　現在我們已經有了一個能夠運行的界面了，雖然它什么也做不了，但是請你別慌，羅馬不是一天建成的。

　　現在讓我們在菜單區提供一個“關于”菜單，用來顯示程序的信息，難道你不想讓別人知道你的大名嗎？Swing本身就提供了現成的按鈕控件JButton，我們只需要創建一個新的按鈕:JButton about = new JButton("關于");這個按鈕該怎么放到菜單區而不是別的地方呢？我們可以加入下面的代碼:toolBar.add(about);咦，怎么點按鈕沒有反應？這是因為你還沒有告訴程序點擊按鈕時要做什么事情呢。要為按鈕添加事件響應，首先需要使用about.addActionListener(this)來告訴程序監聽按鈕按下時的事件，由于ActionListener是一個程序接口，因此，我們在類的申明的地方也得做一點小小的修改:public class KyodaiUI extends JFrame implements ActionListener {...}實現ActionListener接口是為了告訴程序我要進行事件處理了。當然，最后我們得添加響應事件的代碼:

public void actionPerformed(ActionEvent e) { if (e.getSource() == about) { JOptionPane.showMessageDialog(this， "我的大名"， "關于"， JOptionPane.INFORMATION_MESSAGE); return ; } }

　　其中，e.getSource() 表示當前觸發事件的控件，由于我們的程序中往往會有多個以上的控件，這些控件都有可能產生事件，所以我們必須使用這個方法來找到產生事情的控件。

　　小結

　　讓我們一起來回顧一下今天所學的內容:首先我們了解了頂層容器，也知道了控件分為容器控件和非容器控件，同時還知道使用邊框，最后，我們還小小的處理了一下按鈕的事件。

　　學而時習之，不亦說乎，就讓我留點小小的作業，幫助大家鞏固一下今天所學的內容:上面我們添加的按鈕在菜單欄的中間，并不美觀，請大家放到左邊或右邊試試。

　　最后向大家提供一些比較好的參考資料:

　　●Creating a GUI with JFC/Swing
　　http://java.sun.com/docs/books/tutorial/uiswing/index.html
　　●2D Graphics
　　http://java.sun.com/docs/books/tutorial/2d/index.html
　　●JDK API
　　http://java.sun.com/j2se/1.4.2/docs/api/index.html