使用JavaFx怎么實(shí)現(xiàn)一個(gè)拼圖游戲

使用JavaFx怎么實(shí)現(xiàn)一個(gè)拼圖游戲？相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

成都創(chuàng)新互聯(lián)公司長(zhǎng)期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為安塞企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)，安塞網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

思路：

1.面板的構(gòu)建：面板采用GridPane，方便3*3的圖片布局。

2.每個(gè)小格子中的圖片當(dāng)然不是一張張手工切好的，利用imageview.setViewPort(Rectangle2D 2d)的方法進(jìn)行切割。

3.再來說鼠標(biāo)點(diǎn)擊時(shí)圖片的移動(dòng)，這時(shí)候以里面的空格子為中心，不以鼠標(biāo)點(diǎn)擊的那個(gè)事件源為中心，這樣可以避免走彎路（當(dāng)時(shí)我是有一種柳暗花明的感覺。）。

4.鼠標(biāo)點(diǎn)擊后空格子和其周圍帶圖片格子的交換就比較簡(jiǎn)單了，重新設(shè)置位置即可。

5.每交換一次檢查是否拼圖成功。

關(guān)于界面初始化：定義一個(gè)ImageView的數(shù)組，長(zhǎng)度為9，將其按順序分別為第1，2，3....個(gè)格子，然后再產(chǎn)生8個(gè)0-8的不重復(fù)并且逆序數(shù)為偶數(shù)的隨機(jī)數(shù)的數(shù)組，然后將此隨機(jī)數(shù)作為ImageView數(shù)組的下標(biāo)，將ImageView順序排列在格子中。為什么必須要逆序數(shù)為偶數(shù)呢？這是因?yàn)檫@樣圖才能拼成功！

關(guān)于判斷拼圖成功：有了上面的初始化方法，判斷就很簡(jiǎn)單了，只需要ImageView[0]對(duì)應(yīng)第一個(gè)格子，，后面類似，，這樣就拼成功了。需要注意我們只產(chǎn)生了8個(gè)隨機(jī)數(shù)，而我們有9個(gè)格子，所以得把那個(gè)隨機(jī)數(shù)組中沒有的數(shù)字找出來，然后比較。有公式：n = 3 * r + c。其中n表示ImageView數(shù)組的下標(biāo)，r表示此imageView的行號(hào)，c表示列號(hào)。

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.geometry.Rectangle2D;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import javafx.scene.control.Alert.AlertType;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import java.util.Random;
 
public class myJigsaw extends Application {
 public int m;   //m是不在隨機(jī)數(shù)組的那個(gè)數(shù)字
 ImageView[] imageViews = new ImageView[9];
 public static void main(String[] args) {
  Application.launch(args);
 }
 
 
 @Override
 public void start(Stage arg0) throws Exception {
  init(arg0);
 }
 public void init(Stage stage) {
  int[] n = random();    //自定義的函數(shù)，產(chǎn)生逆序數(shù)為偶數(shù)的不重復(fù)數(shù)組
 
  Image image = new Image("1.png");
 
 
  GridPane gridPane = new GridPane();
 
  for(int i = 0, k = 0; i <= 2; ++i) {
   for(int j = 0; j <= 2; ++j, ++k) {
    imageViews[k] = new ImageView(image);  //初始化數(shù)組
    imageViews[k].setOnMouseClicked(new myevent());  //設(shè)置點(diǎn)擊事件
    imageViews[k].setViewport(new Rectangle2D(100 * j, 100 * i, 100, 100));    //切割圖片
   }
  }
 
  gridPane.add(imageViews[n[0]], 0, 0);       //按照產(chǎn)生的隨機(jī)數(shù)將imageView數(shù)組加入面板
  gridPane.add(imageViews[n[1]], 1, 0);
  gridPane.add(imageViews[n[2]], 2, 0);
  gridPane.add(imageViews[n[3]], 0, 1);
  gridPane.add(imageViews[n[4]], 1, 1);
  gridPane.add(imageViews[n[5]], 2, 1);
  gridPane.add(imageViews[n[6]], 0, 2);
  gridPane.add(imageViews[n[7]], 1, 2);
  m = findnum(n);             //找出那個(gè)不在隨機(jī)數(shù)組里面的數(shù)字
  ImageView incomp = new ImageView(imageViews[m].getImage());    //用于顯示空格子的圖片
  ImageView comp = new ImageView(image);          //用于顯示完整的大圖
  incomp.setViewport(imageViews[m].getViewport());
  Image image2 = new Image("2.png");         //2.png為一個(gè)透明圖，放在空格子中
  imageViews[m].setImage(image2);
  gridPane.add(imageViews[m], 2, 2);
  gridPane.setGridLinesVisible(true);
  BorderPane borderPane = new BorderPane(gridPane);
  VBox right = new VBox(20, incomp, comp);
  borderPane.setRight(right);
  Scene scene = new Scene(borderPane, 820, 420);
  stage.setScene(scene);
  stage.setResizable(false);
  stage.show();
 
 }
 
 public int[] random() {    //生成8個(gè)不重復(fù)的逆序數(shù)為偶數(shù)的數(shù)字
  int[] ran = new int[8];
  while(iso(ran) == false) {
   ran = random_num();
  }
  return ran;
 
 }
 
 public int[] random_num() {  //生成8個(gè)不重復(fù)數(shù)
  int r[] = new int[8];
  Random random = new Random();
  for(int i = 0; i < 8; ++i) {
   r[i] = random.nextInt(9);
   for(int j = 0;j < i; ++j) {
    while(r[i] == r[j]) {
     i--;
     break;
    }
   }
  }
  return r;
 }
 
 public boolean iso(int[] num) {   //判斷逆序數(shù)是否為偶數(shù)
  int sum = 0;
  for(int i = 0; i <= 6; ++i) {
   for(int j = i; j <= 7; j++) {
    if(num[i] > num[j]) {
     sum++;
    }
   }
  }
  if((sum % 2) == 0 && sum != 0) {
   return true;
  }
 
  return false;
 
 }
 
 class myevent implements EventHandler<MouseEvent> {    //點(diǎn)擊事件的實(shí)現(xiàn)
 
 
 @Override
  public void handle(MouseEvent arg0) {
  // TODO Auto-generated method stub
   ImageView img = (ImageView) arg0.getSource();
   double sx = img.getLayoutX();
   double sy = img.getLayoutY();
   double dispx = sx - imageViews[m].getLayoutX();
   double dispy = sy - imageViews[m].getLayoutY();
   if((dispx == -100) && (dispy == 0 )) {    //點(diǎn)擊的空格左邊的格子
    swapimg(img, imageViews[m]);    //交換imageView
    if(issucc(imageViews)) {       //判斷是否拼成功
     Alert alert = new Alert(AlertType.WARNING, "成功！");
     alert.show();
    }
   }
 
   else if ((dispx == 0) && (dispy == -100)) {  //上面的格子
    swapimg(img, imageViews[m]);
    if(issucc(imageViews)) {
     Alert alert = new Alert(AlertType.WARNING, "成功！");
     alert.show();
    }
   }
   else if((dispx == 100) && (dispy == 0)) {    //右邊的格子
    swapimg(img, imageViews[m]);
    if(issucc(imageViews)) {
     Alert alert = new Alert(AlertType.WARNING, "成功！");
     alert.show();
    }
   }
   else if((dispx == 0) && (dispy == 100)) {    //下面的格子
    swapimg(img, imageViews[m]);
    if(issucc(imageViews)) {
     Alert alert = new Alert(AlertType.WARNING, "成功！");
     alert.show();
    }
   }
  }
  public void swapimg(ImageView i1, ImageView i2) {    //交換兩個(gè)imageView的實(shí)現(xiàn)
   int row1 = GridPane.getRowIndex(i1);
   int colu1 = GridPane.getColumnIndex(i1);
   int row2 = GridPane.getRowIndex(i2);
   int colu2 = GridPane.getColumnIndex(i2);
 
   GridPane.setRowIndex(i1, row2);
   GridPane.setColumnIndex(i1, colu2);
   GridPane.setRowIndex(i2, row1);
   GridPane.setColumnIndex(i2, colu1);
  }
 }
 public boolean issucc(ImageView[] imageViews) {        //判斷是否拼成功
  for(int i = 0; i <= 8; ++i) {
   if(i != 3 * GridPane.getRowIndex(imageViews[i]) + GridPane.getColumnIndex(imageViews[i])) {
    return false;
   }
  }
   return true;
 }
 
 public int findnum(int[] n) {            //找出m
  for(int j = 0; j <= 8; ++j) {
   if((j == n[0]) || (j == n[1]) || (j == n[2]) || (j == n[3]) || (j == n[4]) || (j == n[5]) || (j == n[6]) || (j == n[7])) {
   }
   else {
    return j;
   }
  }
  return -1;
 } 
 
}

看完上述內(nèi)容，你們掌握使用JavaFx怎么實(shí)現(xiàn)一個(gè)拼圖游戲的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

本文題目：使用JavaFx怎么實(shí)現(xiàn)一個(gè)拼圖游戲
網(wǎng)頁(yè)地址：http://bm7419.com/article22/gijocc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、、面包屑導(dǎo)航、做網(wǎng)站、小程序開發(fā)、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)