全面介紹Swing容器
Swing初體驗
對于想學習Swing編程的朋友,我們特地為大家準備了一些小竅門。首先,下載并閱讀代碼是極有必要的。由于這是一篇關于Swing的教程,所以,我們只是盡可能講解一些與Swing有關的內容,與Swing無關的內容一般不會涉及,例如算法部分。其次,受篇幅限制,也不可能在這里將每部分代碼都寫得完完整整的,所以,大家也需要對照完整代碼來看。最后,為了使大家更容易把精力集中在Swing學習上,我們也將游戲開發中所需資源放在下載文件中,大家下載后便能夠編譯運行,看到執行結果。(下載游戲源文件)
1.頂層Swing容器
什么是頂層Swing容器?當我們使用Java進行圖形編程的時候,圖在哪里繪制呢?我們需要一個能夠提供圖形繪制的容器,這個容器就被稱為頂層容器,你也可以把它想象成一個窗口。頂層容器是進行圖形編程的基礎,一切圖形化的東西,都必然包括在頂層容器中。在Swing中,我們有三種可以使用的頂層容器,它們分別是:
JFrame:用來設計類似于Windows系統中的窗口形式的應用程序。
JDialog:和JFrame類似,只不過JDialog是用來設計對話框。
JApplet:用來設計可以在嵌入在網頁中的Java小程序。
如果需要使用Swing制作一個窗口類程序,我們的代碼看起來應該是這樣:
- import javax.swing.*;
- public class KyodaiUI
- extends JFrame {
- ……
- }
2.Swing容器控件
控件是構成應用程序界面的基本元素,按鈕、文本框、進度條等,這些都是控件。控件(這里我們只討論可視化控件)又可以分為容器控件和非容器控件。從字面意義上來理解,容器控件就是能包含其他控件的特殊控件,例如,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吧。
動手之前,大家一定要注意的是,界面的設計要先考慮好尺寸,不管是主程序界面的大小還是每個區域的大小,如果沒有設計好合適的尺寸,將來改動起來會十分痛苦。
下面便是相應的源程序:
- 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("連連看");
【編輯推薦】