利用JavaSwing實(shí)現(xiàn)游戲開發(fā)

2019-11-18 13:33:36

字體：大中小

供稿：網(wǎng)友

　　Swing初體驗(yàn)
　　
　　對(duì)于想學(xué)習(xí)Swing編程的朋友，我們特地為大家預(yù)備了一些小竅門。首先，下載并閱讀代碼是極有必要的。由于這是一篇關(guān)于Swing的教程，所以，我們只是盡可能講解一些與Swing有關(guān)的內(nèi)容，與Swing無(wú)關(guān)的內(nèi)容一般不會(huì)涉及，例如算法部分。其次，受篇幅限制，也不可能在這里將每部分代碼都寫得完完整整的，所以，大家也需要對(duì)照完整代碼來(lái)看。最后，為了使大家更輕易把精力集中在Swing學(xué)習(xí)上，我們也將游戲開發(fā)中所需資源放在下載文件中，大家下載后便能夠編譯運(yùn)行，看到執(zhí)行結(jié)果。（下載游戲源文件）
　　
　　1.頂層容器
　　
　　什么是頂層容器？當(dāng)我們使用java進(jìn)行圖形編程的時(shí)候，圖在哪里繪制呢？我們需要一個(gè)能夠提供圖形繪制的容器，這個(gè)容器就被稱為頂層容器，你也可以把它想象成一個(gè)窗口。頂層容器是進(jìn)行圖形編程的基礎(chǔ)，一切圖形化的東西，都必然包括在頂層容器中。在Swing中，我們有三種可以使用的頂層容器，它們分別是:
　　
　　JFrame:用來(lái)設(shè)計(jì)類似于Windows系統(tǒng)中的窗口形式的應(yīng)用程序。
　　
　　JDialog:和JFrame類似，只不過(guò)JDialog是用來(lái)設(shè)計(jì)對(duì)話框。
　　
　　JApplet:用來(lái)設(shè)計(jì)可以在嵌入在網(wǎng)頁(yè)中的Java小程序。
　　
　　假如需要使用Swing制作一個(gè)窗口類程序，我們的代碼看起來(lái)應(yīng)該是這樣:
　　
　　import javax.swing.*;
　　
　　public class KyodaiUI
　　extends JFrame {
　　……
　　}
　　
　　2.控件
　　
　　控件是構(gòu)成應(yīng)用程序界面的基本元素，按鈕、文本框、進(jìn)度條等，這些都是控件。控件(這里我們只討論可視化控件)又可以分為容器控件和非容器控件。從字面意義上來(lái)理解，容器控件就是能包含其他控件的非凡控件，例如，Java中的JPanel控件就屬于容器型控件，我們可以在JPanel中放置按鈕、文本框等非容器控件，你甚至可以在JPanel中再放置若干個(gè)JPanel控件(值得注重的是，頂層容器也是容器型控件，每一個(gè)窗口應(yīng)用程序中有且只能有一個(gè)頂層容器控件，換句話說(shuō)，頂層容器不能包括在其他的控件中)。
　　
　　Java中的容器控件有很多，除剛才提到的JPanel外，還有JTabbedPane、JScrollPane等，非容器控件有JButton、JLabel、JTextField等。假如你需要向某個(gè)容器型的控件中添加控件，你可以使用 add(Component comp) 方法來(lái)實(shí)現(xiàn)，如:
　　
　　JPanel panel = new JPanel();
　　JButton button = new JButton();
　　panel.add(button);
　　
　　3.布局
　　
　　什么是布局？布局是Java中用來(lái)控制控件排列位置的一種界面治理系統(tǒng)。使用過(guò)其他可視化編程開發(fā)語(yǔ)言的人在初次接觸Java界面設(shè)計(jì)時(shí)，總會(huì)感覺到Java界面設(shè)計(jì)很別扭:居然沒有提供所見即所得的設(shè)置控件坐標(biāo)的方法！然而，事實(shí)證實(shí)，Java本身提供的布局治理系統(tǒng)也一樣能夠出色地完成我們的需要，而且在跨平臺(tái)時(shí)表現(xiàn)得更有優(yōu)勢(shì)。
　　
　　常用的布局有:
　　
　　BorderLayout:將界面分割為上下左右以及中間一塊區(qū)域的治理系統(tǒng)，在BorderLayout布局中，最多你只能放5個(gè)控件，假如超過(guò)5個(gè)控件，建議還是選用其他的布局系統(tǒng)吧。
　　
　　GridLayout:GridLayout是將用戶界面切割為棋盤一樣的布局治理系統(tǒng)。假如我們要設(shè)計(jì)一個(gè)類似于Windows中自帶的計(jì)算器軟件，GridLayout無(wú)疑是最佳選擇。
　　
　　FlowLayout:FlowLayout與上述兩類布局治理系統(tǒng)不太一樣，在FlowLayout中，你不必指定每個(gè)控件放在哪，你只需要把控件加入到FlowLayout中，F(xiàn)lowLayout就會(huì)根據(jù)你添加控件的順序依次放置控件，假如空間不夠，會(huì)自動(dòng)換行。
　　
　　在對(duì)這幾個(gè)布局治理系統(tǒng)有了基本熟悉后，我們就一起來(lái)進(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ù)，接下來(lái)讓我們就進(jìn)入布局治理系統(tǒng)的選擇。用GridLayout？似乎有點(diǎn)勉強(qiáng)，用FlowLayout？還有更好的選擇嗎？對(duì)了，我想你一定想到了是BorderLayout吧，如下圖2所示。
　　
　　動(dòng)手之前，大家一定要注重的是，界面的設(shè)計(jì)要先考慮好尺寸，不管是主程序界面的大小還是每個(gè)區(qū)域的大小，假如沒有設(shè)計(jì)好合適的尺寸，將來(lái)改動(dòng)起來(lái)會(huì)十分痛苦。
　　
　　下面便是相應(yīng)的源程序:
　　
　　import java.awt.*;
　　import javax.swing.*;
　　
　　public class KyodaiUI extends JFrame {
　　public KyodaiUI() {
　　this.setSize(780， 500); //將窗體的大小設(shè)定為780*500
　　this.setDefaultCloSEOperation(JFrame.EXIT_ON_CLOSE);
　　this.setResizable(false); //窗體不能改變大小
　　this.setTitle("連連看"); //設(shè)置標(biāo)題
　　
　　JPanel toolBar = new JPanel();
　　toolBar.setBackground(Color.white);
　　toolBar.setPReferredSize(new Dimension(780， 48));
　　
　　JPanel actionPanel = new JPanel(); //新建JPanel型的控件
　　actionPanel.setBackground(Color.yellow); //設(shè)置背景色
　　actionPanel.setPreferredSize(new Dimension(160， 380)); //設(shè)置大小
　　
　　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();
　　}
　　}
　　
　　讓我們來(lái)看看上面這段程序是如何運(yùn)行的。首先，extends JFrame表明了這是從JFrame中繼續(xù)過(guò)來(lái)的，JFrame是最基本的頂層容器控件。實(shí)際上，在JDK中，以字母J打頭的控件都是Swing控件。然后設(shè)置了容器的屬性，其中，setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)是用來(lái)告訴Java虛擬機(jī)，當(dāng)用戶點(diǎn)擊窗體右上角的“關(guān)閉”按鈕時(shí)，關(guān)閉該窗口進(jìn)程。假如不這么做的話，你會(huì)發(fā)現(xiàn)雖然你可以點(diǎn)將窗口關(guān)閉，然而程序卻沒有退出。在接下來(lái)的代碼中，我們?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.邊框
　　
　　雖然我們使用了不同前景色來(lái)區(qū)別不同的區(qū)域，然而卻沒有層次感，加上邊框一定會(huì)漂亮許多。
　　
　　在Java中，所有以J打頭的Swing控件都可以使用setBorder方法來(lái)為自己設(shè)置邊框。邊框有很多種，線型、凸起、凹下、空的，你甚至可以自由組合形成個(gè)人風(fēng)格。所有的Border都必須使用javax.swing.BorderFactory中提供的靜態(tài)方法來(lái)創(chuàng)建，比如:
　　
　　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));
　　
　　現(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)于”菜單，用來(lái)顯示程序的信息，難道你不想讓別人知道你的大名嗎？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)來(lái)告訴程序監(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)事件的代碼:
　　
　　public void actionPerformed(ActionEvent e) {
　　if (e.getSource() == about) {
　　JOptionPane.showMessageDialog(this， "我的大名"， "關(guān)于"，
　　JOptionPane.INFORMATION_MESSAGE);
　　return ;
　　}
　　}
　　
　　其中，e.getSource() 表示當(dāng)前觸發(fā)事件的控件，由于我們的程序中往往會(huì)有多個(gè)以上的控件，這些控件都有可能產(chǎn)生事件，所以我們必須使用這個(gè)方法來(lái)找到產(chǎn)生事情的控件。
　　
　　小結(jié)
　　
　　讓我們一起往返顧一下今天所學(xué)的內(nèi)容:首先我們了解了頂層容器，也知道了控件分為容器控件和非容器控件，同時(shí)還知道使用邊框，最后，我們還小小的處理了一下按鈕的事件。
　　
　　學(xué)而時(shí)習(xí)之，不亦說(shuō)乎，就讓我留點(diǎn)小小的作業(yè)，幫助大家鞏固一下今天所學(xué)的內(nèi)容:上面我們添加的按鈕在菜單欄的中間，并不美觀

上一篇：無(wú)需JCE用底層API實(shí)現(xiàn)開發(fā)RSA

下一篇：JBuilderX初體驗(yàn)