|
誰知道通天的巴比倫塔耗費(fèi)了多少沙石,？又有誰知道羅馬的建成經(jīng)歷了多少個(gè)日夜,？我們惟一知道的是，沒有一塊塊磚石的壘砌,，就沒有蜿蜒萬里的長城;沒有巨石和黏土的堆集,，就沒有亙古不變的金字塔。由此可見,，基礎(chǔ)知識(shí)的準(zhǔn)備對(duì)于我們學(xué)習(xí)任何事物都至關(guān)重要,，那么，就讓我們從認(rèn)識(shí)Swing的一些基礎(chǔ)功能開始,，啟動(dòng)我們建造羅馬的偉大工程吧,！
前言 Java咖啡館已經(jīng)開張不少時(shí)日了，如果你已經(jīng)喜歡上了Java這杯咖啡的味道,，那么記得常來哦,。這一次，我們?yōu)榇蠹覝?zhǔn)備了一大杯香濃的咖啡——將以開發(fā)一個(gè)“連連看”游戲?yàn)樗{(lán)本，和大家共同學(xué)習(xí)Java中Swing的用法,，當(dāng)你細(xì)心品味這杯咖啡后,，你會(huì)發(fā)現(xiàn)，不但Java這杯咖啡還別有一番風(fēng)味,，而且還學(xué)會(huì)了專業(yè)游戲的開發(fā)方法,，真是兩全其美！ 為了讓大家先睹為快,，下圖便是游戲的截圖,。大家可以
Swing初體驗(yàn)
2.控件 控件是構(gòu)成應(yīng)用程序界面的基本元素，按鈕,、文本框,、進(jìn)度條等，這些都是控件,?？丶?這里我們只討論可視化控件)又可以分為容器控件和非容器控件,。從字面意義上來理解，容器控件就是能包含其他控件的特殊控件,，例如,，Java中的JPanel控件就屬于容器型控件，我們可以在JPanel中放置按鈕,、文本框等非容器控件,，你甚至可以在JPanel中再放置若干個(gè)JPanel控件(值得注意的是，頂層容器也是容器型控件,，每一個(gè)窗口應(yīng)用程序中有且只能有一個(gè)頂層容器控件,，換句話說，頂層容器不能包括在其他的控件中),。 Java中的容器控件有很多,，除剛才提到的JPanel外，還有JTabbedPane,、JScrollPane等,，非容器控件有JButton、JLabel,、JTextField等,。如果你需要向某個(gè)容器型的控件中添加控件，你可以使用 add(Component comp) 方法來實(shí)現(xiàn),，如:
3.布局 什么是布局,？布局是Java中用來控制控件排列位置的一種界面 常用的布局有: ·BorderLayout:將界面分割為上下左右以及中間一塊區(qū)域的管理系統(tǒng),，在BorderLayout布局中,，最多你只能放5個(gè)控件，如果超過5個(gè)控件,，建議還是選用其他的布局系統(tǒng)吧,。 ·GridLayout:GridLayout是將用戶界面切割為棋盤一樣的布局管理系統(tǒng)。如果我們要設(shè)計(jì)一個(gè)類似于Windows中自帶的計(jì)算器軟件,，GridLayout無疑是最佳選擇,。 ·FlowLayout:FlowLayout與上述兩類布局管理系統(tǒng)不太一樣，在FlowLayout中,，你不必指定每個(gè)控件放在哪,，你只需要把控件加入到FlowLayout中,，F(xiàn)lowLayout就會(huì)根據(jù)你添加控件的順序依次放置控件，如果空間不夠,，會(huì)自動(dòng)換行,。 在對(duì)這幾個(gè)布局管理系統(tǒng)有了基本認(rèn)識(shí)后，我們就一起來進(jìn)入界面設(shè)計(jì)吧,。在仔細(xì)觀察了QQ游戲中“連連看”的設(shè)定后,，我們可以發(fā)現(xiàn)，整個(gè)界面分為三個(gè)區(qū),，頂部是系統(tǒng)菜單區(qū),，占地面積最大的是用戶游戲區(qū)，另外還有一個(gè)用戶交互區(qū),，每個(gè)區(qū)域中都由若干控件組成,。 這么多控件，我們從哪開始入手呢,？由于容器控件中可以放置其他控件,，因此，我們只需要先確定放置的容器控件就可以了,。 既然已經(jīng)知道需要使用容器控件的個(gè)數(shù),，接下來讓我們就進(jìn)入布局管理系統(tǒng)的選擇。用GridLayout,？似乎有點(diǎn)勉強(qiáng),，用FlowLayout？還有更好的選擇嗎,？對(duì)了,，我想你一定想到了是BorderLayout吧，如下圖2所示,。
動(dòng)手之前,，大家一定要注意的是，界面的設(shè)計(jì)要先考慮好尺寸,，不管是主程序界面的大小還是每個(gè)區(qū)域的大小，如果沒有設(shè)計(jì)好合適的尺寸,，將來改動(dòng)起來會(huì)十分痛苦,。 下面便是相應(yīng)的源程序:
讓我們來看看上面這段程序是如何運(yùn)行的。首先,，extends JFrame表明了這是從JFrame中繼承過來的,，JFrame是最基本的頂層容器控件。實(shí)際上,，在JDK中,，以字母J打頭的控件都是Swing控件。然后設(shè)置了容器的屬性,，其中,，setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)是用來告訴Java虛擬機(jī)，當(dāng)用戶點(diǎn)擊窗體右上角的“關(guān)閉”按鈕時(shí),，關(guān)閉該窗口進(jìn)程,。如果不這么做的話，你會(huì)發(fā)現(xiàn)雖然你可以點(diǎn)將窗口關(guān)閉,，然而程序卻沒有退出,。在接下來的代碼中，我們?yōu)轫攲尤萜魈砑恿巳齻€(gè)Panel容器,。要注意的是,，在AWT中，我們可以直接寫為add(toolBar,， BorderLayout.NORTH) ,，而在 Swing 中卻一定要寫成getContentPane(). add(toolBar， BorderLayout.NORTH) ,，否則程序就會(huì)出錯(cuò),。 現(xiàn)在大家可以放在編譯運(yùn)行看看，是不是和我的運(yùn)行結(jié)果一樣(見圖3),？
4.邊框 雖然我們使用了不同前景色來區(qū)別不同的區(qū)域,，然而卻沒有層次感，加上邊框一定會(huì)漂亮許多,。 在Java中,，所有以J打頭的Swing控件都可以使用setBorder方法來為自己設(shè)置邊框。邊框有很多種,，線型,、凸起、凹下,、空的,，你甚至可以自由組合形成個(gè)人風(fēng)格。所有的Border都必須使用javax.swing.BorderFactory中提供的靜態(tài)方法來創(chuàng)建,，比如:
現(xiàn)在,，我們將toolBar.setBackground(Color.white)改為toolBar.setBorder(border),，立體效果是不是已經(jīng)出現(xiàn)了？ 實(shí)戰(zhàn)——寫上自己的大名 現(xiàn)在我們已經(jīng)有了一個(gè)能夠運(yùn)行的界面了,，雖然它什么也做不了,，但是請(qǐng)你別慌，羅馬不是一天建成的,。 現(xiàn)在讓我們?cè)诓藛螀^(qū)提供一個(gè)“關(guān)于”菜單,，用來顯示程序的信息，難道你不想讓別人知道你的大名嗎,？Swing本身就提供了現(xiàn)成的按鈕控件JButton,，我們只需要?jiǎng)?chuàng)建一個(gè)新的按鈕:JButton about = new JButton("關(guān)于");這個(gè)按鈕該怎么放到菜單區(qū)而不是別的地方呢？我們可以加入下面的代碼:toolBar.add(about);咦,，怎么點(diǎn)按鈕沒有反應(yīng),？這是因?yàn)槟氵€沒有告訴程序點(diǎn)擊按鈕時(shí)要做什么事情呢。要為按鈕添加事件響應(yīng),，首先需要使用about.addActionListener(this)來告訴程序監(jiān)聽按鈕按下時(shí)的事件,，由于ActionListener是一個(gè)程序接口，因此,，我們?cè)陬惖纳昝鞯牡胤揭驳米鲆稽c(diǎn)小小的修改:public class KyodaiUI extends JFrame implements ActionListener {...}實(shí)現(xiàn)ActionListener接口是為了告訴程序我要進(jìn)行事件處理了,。當(dāng)然，最后我們得添加響應(yīng)事件的代碼:
其中,，e.getSource() 表示當(dāng)前觸發(fā)事件的控件，由于我們的程序中往往會(huì)有多個(gè)以上的控件,，這些控件都有可能產(chǎn)生事件,，所以我們必須使用這個(gè)方法來找到產(chǎn)生事情的控件,。 小結(jié) 讓我們一起來回顧一下今天所學(xué)的內(nèi)容:首先我們了解了頂層容器，也知道了控件分為容器控件和非容器控件,，同時(shí)還知道使用邊框,，最后，我們還小小的處理了一下按鈕的事件,。 學(xué)而時(shí)習(xí)之,，不亦說乎，就讓我留點(diǎn)小小的作業(yè),，幫助大家鞏固一下今天所學(xué)的內(nèi)容:上面我們添加的按鈕在菜單欄的中間,，并不美觀，請(qǐng)大家放到左邊或右邊試試,。 最后向大家提供一些比較好的參考資料: ●Creating a GUI with JFC/Swing http://java./docs/books/tutorial/uiswing/index.html ●2D Graphics http://java./docs/books/tutorial/2d/index.html ●JDK API http://java./j2se/1.4.2/docs/api/index.html |
|
|
