Java-FXクリックするとGridPaneで画像を設定する方法 - ゲームOthello

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

すべてのクリックに新しいGridPaneを作成しないでください：

myGrid = new GridPane(); // delete this 

あなたはFXML

に用意しました。この行を削除し、GridPaneに画像を追加

Answer 2

新しいグリッドには存在しないグリッドに追加するため、新しいイメージが表示されないと思います。

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