JAVA程式設計

Size: px

Start display at page:

Download "JAVA程式設計"

康松
5 years ago
Views:

1 PUZZLE GAME 拼圖遊戲 -JAVA 程式設計指導老師 : 鄞宗賢第五組組員 : 4A3G0063 謝雅喬 4A3G0019 蔡芸姿

2 主程式 public static void main(string[] args) { SwingUtilities.invokeLater(new Runnable() // 將物件排到事件派發執行緒的佇列中 {public void run(){ PuzzleGame puzzle = new PuzzleGame(); // 新增一個 PuzzleGame puzzle.initialize(); // 並初始化 );

3 設定菜單選項 void setmenu() { JMenuBar menubar = new JMenuBar(); // 菜單條 JMenu menu = new JMenu(); // 建立新菜單 menu.settext( 遊戲選單 ); // 建立菜單標題 menu.setfont(new Font( 微軟正黑體, Font.BOLD, 24)); // 設定字型 JMenuItem item = new JMenuItem(); // 建立菜單下的子菜單 JMenuItem closeitem = new JMenuItem(); // 建立菜單下的子菜單 JMenuItem setitem = new JMenuItem(); // 建立菜單下的子菜單 item.settext( 設定本次遊戲圖片 ); // 設定標題 item.setfont(new Font( 微軟正黑體, Font.BOLD, 24)); // 設定字型 setitem.settext( 設定拼圖切割 ); // 設定標題 setitem.setfont(new Font( 微軟正黑體, Font.BOLD, 24)); // 設定字型 closeitem.settext( 結束遊戲 ); // 設定標題 closeitem.setfont(new Font( 微軟正黑體, Font.BOLD, 24)); // 設定字型

4 菜單選項設定新遊戲圖片 item.addactionlistener(new ActionListener() { // 綁定文件為監聽事件 public void actionperformed(actionevent e) { // 設定選單的動作 PuzzleGame.this.changeImage(null); // 設定新遊戲圖片 );

5 選擇圖片 void changeimage(bufferedimage buff) { // 使用其他圖片 boolean flag = true; // 將 flag 設為布林值 if (buff == null) { // 如果 buff 為空 JFileChooser filechooser = new JFileChooser(); // 新增選檔模組 FileNameExtensionFilter filter = new FileNameExtensionFilter ("JPG & GIF Images", new String[] { "jpg", "gif" ); // 為了達到串流連結, 我們要用到一些的類別, 也就是轉接頭, 稱作 Filter,Filter 除了可以達到轉換型態的功能外, 還有些具有緩衝的功能, 也就是讓流去的串流可以被回朔, 也就是說在這裡 Filter 用來轉換圖片的檔名類型.. 等等 filechooser.setfilefilter(filter); // 將選擇的圖檔載入 if (this.lastdir == null) // 如果目前資料夾為空 filechooser.setcurrentdirectory(new File(./ )); // 路徑預設為./ else filechooser.setcurrentdirectory(this.lastdir); // 否則路徑預設為此 filechooser.setdialogtitle( 選擇遊戲圖片 ); // 設定選檔模組的標題 ImagePreviewPane preview = new ImagePreviewPane(); // 設置圖片路徑選擇器 filechooser.setaccessory(preview); // 載入圖片路徑 filechooser.addpropertychangelistener(preview); // 把動作寫入 int confirm = filechooser.showopendialog(null); // 不顯示對話框

6 選擇圖片 if (confirm == 0) { // 如果沒有對話框 try { this.lastdir = filechooser.getcurrentdirectory(); // 目前位置 this.bi = ImageIO.read(fileChooser.getSelectedFile()); // 載圖 catch (IOException ex) { // 在例外狀態下 JOptionPane.showMessageDialog(null, 不好意思, 圖片讀取錯誤 ); // 若載入失敗, 顯是對話框 else flag = false; //flag 為 false else this.bi = buff; //buff 給 bi if (flag) { this.width = this.bi.getwidth(); // 取得 BufferedImage 寬度 this.height = this.bi.getheight(); // 取得 BufferedImage 高度 this.panel.removeall(); // 將畫面淨空 resetvalues(); // 回歸預設 initialsplit(); // 切割圖片 shufflenew(); // 打亂圖片 changesize(getprefersize()); // 調為最適大小 this.frame.pack(); // 調整物件在背景上的最適位置 this.frame.setlocationrelativeto(null); // 調為最適位置

7 調整圖片大小 Dimension getprefersize() { // 回傳適當的大小 Dimension di = Toolkit.getDefaultToolkit().getScreenSize(); // 取得螢幕大小 double heightratio = this.height * 1.0D / di.height; //D 表示 double, 高度比 double widthratio = this.width * 1.0D / di.width; // 寬度比 double scaleratio = 0.9D; // 為了將過多的比例換成九成而設置 if ((heightratio >= 1.0D) (widthratio >= 1.0D)) { // 當圖片長或寬大於螢幕大小時 if (heightratio >= widthratio) { // 當高度比比寬度比一樣或著更多 this.preferheight = ((int)(this.height / heightratio * scaleratio)); this.preferwidth = ((int)(this.width / heightratio * scaleratio)); if (widthratio > heightratio) { // 當高度比比寬度比更多 this.preferwidth = ((int)(this.width / widthratio * scaleratio)); this.preferheight = ((int)(this.height / widthratio * scaleratio)); else {// 當高度比比寬度比更少 this.preferwidth = this.width; this.preferheight = this.height; return new Dimension(this.preferWidth, this.preferheight); // 傳回原值或修改過後的值

菜單選項設定拼圖切割 setitem.addactionlistener(new ActionListener() { // 加入動作 public void actionperformed(actionevent e) { // 使用動作 String w = JOptionPane.showInputDialog(null, 請輸入拼圖的橫軸切割數量, 請輸入數字喔!

"); // 加入對話框 int hh = Integer.parseInt(h); // 將 h 整數化 PuzzleGame.splitHeightNumber = hh; //hh 為橫軸切割數量 GridLayout layout = new GridLayout(PuzzleGame.splitHeightNumber, PuzzleGame.

8 菜單選項設定拼圖切割 setitem.addactionlistener(new ActionListener() { // 加入動作 public void actionperformed(actionevent e) { // 使用動作 String w = JOptionPane.showInputDialog(null, 請輸入拼圖的橫軸切割數量, 請輸入數字喔! ); // 加入對話框 try { int ww = Integer.parseInt(w); // 將 w 整數化 PuzzleGame.splitWidthNumber = ww; //ww 為縱軸切割數量 String h = JOptionPane.showInputDialog(null, " 請輸入拼圖的縱軸切割數量 ", " 請輸入數字喔!"); // 加入對話框 int hh = Integer.parseInt(h); // 將 h 整數化 PuzzleGame.splitHeightNumber = hh; //hh 為橫軸切割數量 GridLayout layout = new GridLayout(PuzzleGame.splitHeightNumber, PuzzleGame.splitWidthNumber); // 將縱軸與橫軸的圖片拼成一個表格 PuzzleGame.this.panel.setLayout(layout); // 將上面的表格放到背景上 PuzzleGame.this.changeImage(PuzzleGame.this.bi); catch (NumberFormatException ex) { JOptionPane.showMessageDialog(null, 請輸入數字喔! ); // 加入對話框 // 當沒有收到圖片時, 就出現對話框 );

9 切割圖片為拼圖 void initialsplit() { int cellwidth = this.width / splitwidthnumber; int cellheight = this.height / splitheightnumber; // 切割寬度 // 切割高度 for (int i = 0; i < splitheightnumber; i++) { for (int j = 0; j < splitwidthnumber; j++) { // 把所有縱軸橫軸圖片數跑一次 PuzzleGame.ImageObject imageobject = new PuzzleGame.ImageObject(); imageobject.count = this.labelmarker; imageobject.biimage = this.bi.getsubimage(0 + j * cellwidth, 0 + i * cellheight, cellwidth, cellheight); imageobject.imagelabel = new JLabel(); ImageIcon icon = new ImageIcon(imageObject.biImage); // Icon 由圖片檔形成 imageobject.imagelabel.seticon(icon); imageobject.imagelabel.addmouselistener(new PuzzleGame.MouseHearing()); imageobject.imagelabel.setborder(borderfactory.createetchedborder(0)); this.panel.add(imageobject.imagelabel); this.imageobjects.add(imageobject); this.labelmarker += 1;

10 打亂拼圖 void shufflenew() { Collections.shuffle(this.imageObjects); renew(); // 就是將集合中的元素, 重新的隨機的排序

11 改變圖片大小 void changesize(dimension newsize) // 重新調整圖片大小 { int cellwidth = newsize.width / splitwidthnumber; // 把新的大小除以橫軸分割數 int cellheight = newsize.height / splitheightnumber; // 把新的大小除以綜軸分割數 for (int i = 0; i < splitwidthnumber * splitheightnumber; i++) { Image imagetemp = ((PuzzleGame.ImageObject)this.imageObjects.get(i)).biImage; Image scaledimage = imagetemp.getscaledinstance(cellwidth, cellheight, 2); ImageIcon newicon = new ImageIcon(scaledImage); ((PuzzleGame.ImageObject)this.imageObjects.get(i)).imageLabel.setIcon(newIcon); this.frame.repaint(); // 把背景清空

12 固定參數 void resetvalues() // 重設一些數值 { this.labelmarker = 0; // 表單 this.selection = false; // 選擇 this.prelabel = null; // 改變前的表單 this.afterlabel = null; // 改變後的表單 this.prepos = 0; // 改變前的位置 this.afterpos = 0; // 改變後的位置

13 結束遊戲 closeitem.addactionlistener(new ActionListener() { public void actionperformed(actionevent e) { System.exit(0); // 結束遊戲 ); System.exit(1); System.exit(0); System.exit(2); // 強迫程式結束 // 正常結束 // 使用其他數字, 則會關閉應用程式

14 遊戲初始畫面 void setstage(int i, int j, BufferedImage im) { splitheightnumber = i; //Y 軸 ( 縱向 ) 分割數 splitwidthnumber = j; //X 軸 ( 橫向 ) 分割數 this.panel.setlayout(new GridLayout(i, j)); //GridLayout 設定成表格排列 changeimage(im); // 另一個選圖的副程式, 將在後面介紹 public void initialize() { // 初始化 this.frame = new JFrame(" 拼圖遊戲 "); this.panel = new JPanel(); GridLayout layout = new GridLayout(splitHeightNumber, splitwidthnumber); this.panel.setlayout(layout); this.frame.setdefaultcloseoperation(3); // 直接退出介面並釋放記憶体 setmenu(); // 建立標題選單的副程式 this.imageobjects = new ArrayList<ImageObject>();

15 滑鼠調整視窗 class ListenToComponent implements ComponentListener { // 手動調整大小時, 呼叫重新調整圖片大小 ListenToComponent() { public void componentresized(componentevent e) { JPanel resizepanel = (JPanel)e.getSource(); Dimension newsize = resizepanel.getsize(); PuzzleGame.this.changeSize(newSize); public void componentmoved(componentevent e) { public void componentshown(componentevent e) { public void componenthidden(componentevent e) {

16 拼圖分割線條 void renew() // 重新把 label 全部畫出來 { this.panel.removeall(); for (int i = 0; i < splitwidthnumber * splitheightnumber; i++) this.panel.add(((puzzlegame.imageobject)this.imageobjects.get(i)).imagelabel); this.frame.repaint();

17 調整分割線條位置 int determinelocation(jlabel lab) { // 傳回目前 label 所在位置 int location = 0; for (int i = 0; i < splitwidthnumber * splitheightnumber; i++) { if (((PuzzleGame.ImageObject)this.imageObjects.get(i)).imageLabel == lab) { location = i; return location; return location;

18 圖片互相交換 void switchposition(int pre, int after) { // 交換圖片位置 PuzzleGame.ImageObject preob = (PuzzleGame.ImageObject)this.imageObjects.get(pre); PuzzleGame.ImageObject afterob = (PuzzleGame.ImageObject)this.imageObjects.get(after); this.imageobjects.remove(pre); // 把之前的圖移除 this.imageobjects.add(pre, afterob); // 加入之後的圖 this.imageobjects.remove(after); // 把之後的圖移除 this.imageobjects.add(after, preob); // 加入之前的圖 renew(); // 更新狀態

遊戲初始畫面 if (getimage()) { // 如果載入圖片 initialsplit(); // 就分割 shufflenew(); // 並打亂拼圖 changesize(getprefersize()); // 然後改變圖片大小 this.frame.add(this.panel, "Center"); this.frame.pack(); this.

19 遊戲初始畫面 if (getimage()) { // 如果載入圖片 initialsplit(); // 就分割 shufflenew(); // 並打亂拼圖 changesize(getprefersize()); // 然後改變圖片大小 this.frame.add(this.panel, "Center"); this.frame.pack(); this.panel.addcomponentlistener(new ListenToComponent()); this.frame.setlocationrelativeto(null); // 若開啟位置和某物件相同, 就帶入 null, 否則就會在畫面中間開啟 this.frame.setvisible(true);

20 讀取圖片 boolean getimage() { try { this.bi = ImageIO.read(getClass().getResource("/puzzle.jpg")); // 讀檔案 catch (IOException ex) { JOptionPane.showMessageDialog(null, " 無法取得預設圖片 "); // 讀不到資料時例外之處理 return false ; // 圖片取得失敗 this.width = this.bi.getwidth(); // 取得 BufferedImage 寬度 this.height = this.bi.getheight(); // 取得 BufferedImage 高度 return true; // 圖片取得成功

21 遊戲結束判斷 boolean gameover() { // 判斷遊戲結束沒 for (int i = 0; i < splitwidthnumber * splitheightnumber; i++) { // 跑跟圖片分割數一樣的次數 if (((PuzzleGame.ImageObject)this.imageObjects.get(i)).count!= i) // 如果跟原本圖片分割排列不同 return false; // 回傳失敗, 不會有動作 return true; // 回傳成功, 會顯示對話框

22 Fin 感謝聆聽

PowerPoint 簡報

PowerPoint 簡報 Paint 繪圖板 JAVA 程式設計指導老師 : 鄞宗賢組員 : 4A3G0901 劉彥佐 4A3G0907 韓偉志畫面預覽匯入參數 package paint; import java.awt.*; import java.awt.event.*; import javax.swing.*; 主程式 public class paint{ public static void main(string[]