程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> 關於JAVA >> 利用Java Swing 實現游戲開發

利用Java Swing 實現游戲開發

編輯:關於JAVA

 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) ,否則程序就會出錯。

  現在大家可以放在編譯運行看看,是不是和我的運行結果一樣

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 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved