Swing初體驗 對於想學習Swing編程的朋友
我們特地為大家准備了一些小竅門
首先
下載並閱讀代碼是極有必要的
由於這是一篇關於Swing的教程
所以
我們只是盡可能講解一些與Swing有關的內容
與Swing無關的內容一般不會涉及
例如算法部分
其次
受篇幅限制
也不可能在這裡將每部分代碼都寫得完完整整的
所以
大家也需要對照完整代碼來看
最後
為了使大家更容易把精力集中在Swing學習上
我們也將游戲開發中所需資源放在下載文件中
大家下載後便能夠編譯運行
看到執行結果
(下載游戲源文件)
頂層容器 什麼是頂層容器?當我們使用Java進行圖形編程的時候
圖在哪裡繪制呢?我們需要一個能夠提供圖形繪制的容器
這個容器就被稱為頂層容器
你也可以把它想象成一個窗口
頂層容器是進行圖形編程的基礎
一切圖形化的東西
都必然包括在頂層容器中
在Swing中
我們有三種可以使用的頂層容器
它們分別是:
JFrame:用來設計類似於Windows系統中的窗口形式的應用程序
JDialog:和JFrame類似
只不過JDialog是用來設計對話框
JApplet:用來設計可以在嵌入在網頁中的Java小程序
如果需要使用Swing制作一個窗口類程序
我們的代碼看起來應該是這樣:
import javax
swing
*;
public class KyodaiUI
extends JFrame {
……
}
控件 控件是構成應用程序界面的基本元素
按鈕
文本框
進度條等
這些都是控件
控件(這裡我們只討論可視化控件)又可以分為容器控件和非容器控件
從字面意義上來理解
容器控件就是能包含其他控件的特殊控件
例如
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);
布局 什麼是布局?布局是Java中用來控制控件排列位置的一種界面管理系統
使用過其他可視化編程開發語言的人在初次接觸Java界面設計時
總會感覺到Java界面設計很別扭:居然沒有提供所見即所得的設置控件坐標的方法!然而
事實證明
Java本身提供的布局管理系統也一樣能夠出色地完成我們的需要
而且在跨平台時表現得更有優勢
常用的布局有:
BorderLayout:將界面分割為上下左右以及中間一塊區域的管理系統
在BorderLayout布局中
最多你只能放
個控件
如果超過
個控件
建議還是選用其他的布局系統吧
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(
); //將窗體的大小設定為
*
this
setDefaultCloseOperation(JFrame
EXIT_ON_CLOSE);
this
setResizable(false); //窗體不能改變大小
this
setTitle(
連連看
); //設置標題
JPanel toolBar = new JPanel();
toolBar
setBackground(Color
white);
toolBar
setPreferredSize(new Dimension(
));
JPanel actionPanel = new JPanel(); //新建JPanel型的控件
actionPanel
setBackground(Color
yellow); //設置背景色
actionPanel
setPreferredSize(new Dimension(
)); //設置大小
JPanel contentPanel = new JPanel();
contentPanel
setBackground(Color
blue);
contentPanel
setPreferredSize(new Dimension(
));
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)
否則程序就會出錯
現在大家可以放在編譯運行看看
是不是和我的運行結果一樣(見圖
)?
邊框 雖然我們使用了不同前景色來區別不同的區域
然而卻沒有層次感
加上邊框一定會漂亮許多
在Java中
所有以J打頭的Swing控件都可以使用setBorder方法來為自己設置邊框
邊框有很多種
線型
凸起
凹下
空的
你甚至可以自由組合形成個人風格
所有的Border都必須使用javax
swing
BorderFactory中提供的靜態方法來創建
比如:
Border border = BorderFactory
createBevelBorder(BevelBorder
LOWERED
new Color(
)
new Color(
)
new Color(
)
new Color(
));
現在
我們將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() 表示當前觸發事件的控件
由於我們的程序中往往會有多個以上的控件
這些控件都有可能產生事件
所以我們必須使用這個方法來找到產生事情的控件
小結 讓我們一起來回顧一下今天所學的內容:首先我們了解了頂層容器
也知道了控件分為容器控件和非容器控件
同時還知道使用邊框
最後
我們還小小的處理了一下按鈕的事件
學而時習之
不亦說乎
就讓我留點小小的作業
幫助大家鞏固一下今天所學的內容:上面我們添加的按鈕在菜單欄的中間
並不美觀
From:http://tw.wingwit.com/Article/program/Java/hx/201311/25907.html