在JavaFX中，如何在网格的每个单元格中输入鼠标上的GridPane行和列ID？

Question

我正在我的应用程序中试用JFX拖放特性（稍后以一个序列连接对象）。我找不到任何简单的方法拖放我的ImageView/按钮在我的窗格的适当位置，因此我计划应用GridPane的使用。GridPane将是一个包含超过(50x50)个单元格的大画布。

如果我在代码中指定需要通过ImageView在（2,2）单元格处拖放，我就能够做到这一点。但是，我需要给我的用户这个访问权限。用户可以在网格中移动指针，并将ImageView/按钮放在网格中的任何单元格上。

现在，我想找出在GridPane的特定单元格中输入的鼠标上的单元格的rowID和columnID。

我在控制器中处理鼠标事件如下：

package sample;

import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.input.*;
import javafx.scene.layout.GridPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

import java.net.URL;
import java.util.ResourceBundle;

public class Controller implements Initializable{
Stage stage;

@FXML
private GridPane gridPane;

public void setStage(Stage primaryStage){
    stage = primaryStage;
}

@Override
public void initialize(URL location, ResourceBundle resources) {
    System.out.println("initialize");
}


@FXML
private void handleMouseEntered(MouseEvent event){
    System.out.println("MouseEntered");
}

}

在gridpane中输入时，我只得到一次“mouseEnter”。此外，我无法获得任何RowID和ColumnID，因此，我没有在函数中编写任何函数。

我想知道两件事：

[]如何在GridPane的每个单元格中检测鼠标进入？

[]如何找出特定单元格的行和列ID？

提前道谢。

Answer 1

您可以通过调用GridPane.GetColumnIndex(node)和GridPane.GetRowIndex(node)来获取值。

您还没有展示在网格窗格中放入了什么，甚至是用FXML还是Java填充它，但这里有一些基本功能。在这里，我（冗长地）用FXML填充GridPane。根据您的用例，用Java填充可能更好（即在控制器中）。（这样，处理程序也变得更干净了。）

控制器类：

import javafx.fxml.FXML;
import javafx.scene.Node;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.GridPane;


public class GridPaneTrackingController {

    @FXML
    private void mouseEntered(MouseEvent e) {
        Node source = (Node)e.getSource() ;
        Integer colIndex = GridPane.getColumnIndex(source);
        Integer rowIndex = GridPane.getRowIndex(source);
        System.out.printf("Mouse entered cell [%d, %d]%n", colIndex.intValue(), rowIndex.intValue());
    }
}

如果您不想在FXML中定义单元格的内容，那么您可以只在控制器中定义它们。这使得事情变得更简单，因为您可以在定义监听器时注册它们：

import javafx.fxml.FXML;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.Priority;
import javafx.scene.layout.RowConstraints;


public class GridPaneTrackingController {

    @FXML
    private GridPane grid ;

    public void initialize() {
        int numCols = 4 ;
        int numRows = 4 ;

        for (int i = 0 ; i < numCols ; i++) {
            ColumnConstraints colConstraints = new ColumnConstraints();
            colConstraints.setHgrow(Priority.SOMETIMES);
            grid.getColumnConstraints().add(colConstraints);
        }

        for (int i = 0 ; i < numRows ; i++) {
            RowConstraints rowConstraints = new RowConstraints();
            rowConstraints.setVgrow(Priority.SOMETIMES);
            grid.getRowConstraints().add(rowConstraints);
        }

        for (int i = 0 ; i < numCols ; i++) {
            for (int j = 0; j < numRows; j++) {
                addPane(i, j);
            }
        }
    }

    private void addPane(int colIndex, int rowIndex) {
        Pane pane = new Pane();
        pane.setOnMouseEntered(e -> {
            System.out.printf("Mouse enetered cell [%d, %d]%n", colIndex, rowIndex);
        });
        grid.add(pane, colIndex, rowIndex);
    }

}

FXML：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.layout.GridPane?>

<GridPane xmlns:fx="http://javafx.com/fxml/1" 
    fx:controller="GridPaneTrackingController" 
    fx:id="grid" gridLinesVisible="true">

</GridPane>

应用：

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;

public class GridPaneTrackingExample extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {
        GridPane root = FXMLLoader.load(getClass().getResource("GridPaneTrackingExample.fxml"));
        primaryStage.setScene(new Scene(root, 800, 800));
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}