2022/06/09
1023

Java程式教室(二):Java密技-JFrame swing,AWT視窗介面搭配MouseListener事件event的操作應用

Java程式密技

圖片比對遊戲設計

學習任何程式,要能夠熟能生巧靈活應用,寫遊戲其實是很好的學習方式,可以幫助你如何把心裡所想的想法具象化實體化,也能提升邏輯的訓練,大家試試以下這個圖片配對遊戲。

遊戲說明

這是個考驗大家記憶能力的遊戲,內容為先收集3張圖片,讓使用者看照片內容與名字,之後再啟動此遊戲,玩家憑藉記憶將照片拖曳至對應的名稱,位置對背景會變色,三個都對,背景會出現比對正確內容。

操作步驟

Step 1-先看照片與內容名稱
D0009-1

Step 2-啟動遊戲,畫面會隨機出現
D0009-2

Step 3-拖曳照片至對應名稱
D0009-3

Step 4-都正確,顯示比對正確
D0009-4

使用的關鍵技術

1.Java.AWT.*與java.swing.*的視窗介面元件
2.搭配MouseListener與MouseMotionListener操作的事件event功能
3.設計一個checkPosition()方法,主要用於檢查所有拖曳的控制項是否比對成功,以及是否在下面顯示文字的控制項內
*PS: 使用JRE 8.0以前版本
1.在Eclipse專案JRE上右鍵-build withconfigure build with
D0009-5
 
2.在properties畫面之libraries-點JRE選按editexecution environment->選單調成JRE1.8
D0009-6 
 

程式設計步驟

Step 1->先收集照片
D0009-1

Step 2->設計操作畫面
1- 在設計的專案新增具有main方法的class-檔名為pictureGame
D0009-7
 
2- 繼承JFram與實作MouseListener,MouseMotionListener
D0009-8
3- 並且實作mouse事件的抽象方法名
D0009-9
 
4- 將收集到照片,複製貼上到專案package裡(這裡的package名為exam
D0009-10
5- 在main區域撰寫將此視窗物件實體化步驟
D0009-11
 
6- 第一次測試,右鍵run as-java Application
D0009-12
 
如有出現,先不理這個畫面,勾選Always launch without asking ,點proced,強制執行,會出現如下畫面
D0009-13
有出現JFrame的草圖後,再關閉此視窗,繼續設計內容
 
7- 撰寫圖示要用的標籤控制項field
D0009-14
8- 撰寫要建構式,透過建構是將各個控制項分配好位置與視窗大小constructure
D0009-15
 
9- 測試主畫面>右鍵>run as>java application
D0009-16
 
10- 撰寫控制項與圖片配置位置
D0009-17
 
11- 測試配置好的畫面右鍵run asjava application
D0009-18
 
12- 撰寫檢查所有拖曳的圖片控制項是否比對成功,比對正確後要在下面顯示成功的文字控制項的方法checkPosition()
D0009-19
 
13- 撰寫滑鼠按下的操作事件mousePressed
D0009-20
 
14- 撰寫滑鼠拖曳釋放的操作事件mouseRealeased()
D0009-21
 
15- 撰寫滑鼠拖曳控制項時的事件處理方法,mouseDragged(MouseEvent e)
D0009-22
 
16- 最後測試完成程式所有程式內容
D0009-23

D0009-24

D0009-25

D0009-26

D0009-27

D0009-28

D0009-29

D0009-30

17- 測試執行
D0009-31



 

程式課程試聽索取 



  江聖榮 老師
  專長:

  程式設計:從前端(UI front-end)到後端(Back-end)之全端工程師(full-stack)
  精通語言:Java、Javascript 前後端框架   
  開課詳情

 
LINE-friend
近期文章熱搜文章排行
熱門標籤熱門標籤
近期文章你可能有興趣的文章
熱門標籤熱門標籤