Java-FX如何在点击中设置GridPane中的图像 - 游戏奥赛罗

Question

您好我正在尝试点击GridPane中的某个位置（从0到7）。 我会在里面设置一个图像。我尝试了一切，但我看不出任何改进......

这是我的董事会

这里是关于点击网格的代码

@FXML
   private void clickGrid(MouseEvent event) {
      myGrid = new GridPane();
      black = new Image("othello/images/black.png");
      white = new Image("othello/images/white.png");
      empty = new Image("othello/images/empty.png");

      Node source = (Node)event.getSource() ;
      Integer colIndex = GridPane.getColumnIndex(source);
      Integer rowIndex = GridPane.getRowIndex(source);
      System.out.printf("Mouse clicked cell [%d, %d]%n", colIndex.intValue(), rowIndex.intValue());

      myGrid.add(new ImageView(white), colIndex, rowIndex);

   }

我点击重启时的代码

 @FXML
   private void restartGame(ActionEvent event)throws Exception{
      myGrid = new GridPane();
      black = new Image("othello/images/black.png");
      white = new Image("othello/images/white.png");
      empty = new Image("othello/images/empty.png");
      for (int i = 0; i < 8; i++){ //Per righe
      for (int j = 0; j < 8; j++){ // Per colonne
      myGrid.add(new ImageView(empty), i, j);
      }

      }
      myGrid.add(new ImageView(black), 3, 3);
      myGrid.add(new ImageView(black), 4, 3);
      myGrid.add(new ImageView(white), 4, 4);
      myGrid.add(new ImageView(white), 4, 3);
   }

黑色是我的一块黑色，白色是白色。

来源路径

I have main project in src of netbeans.
Inside it, i have:
- othello (it contains my main)
- othello.images (it cointains all my image also backgrounds)
- othello.view (it contains my FXML files)
- othello.model (now nothing)
- othello.controller (it contains the controllers about the fxml files)

Answer 1

我认为您没有看到新图片，因为您添加到新网格，而不是现有网格：

myGrid = new GridPane();  // !!! here a problem
myGrid.add(new ImageView(white), colIndex, rowIndex);

Answer 2

不要在每次点击时创建新的GridPane：

myGrid = new GridPane(); // delete this

删除此行，并将图像添加到您在FXML中准备的GridPane