JavaFX 添加自定义 class 到父节点

Question

如果有任何帮助，我将不胜感激，我为此花费了数小时却无济于事。

所以我需要添加一个 class 我在网上找到的名为 GridDisplay 的实例到父根，因为我需要场景然后为我显示它。但我还需要使用 fxml 文件来设置根和场景。这是我目前所拥有的：

@FXML private BorderPane mainPanel = new BorderPane();
@FXML private TilePane tilePane = new TilePane();
@FXML private Pane topCanvas = new Pane();
@FXML private Pane leftCanvas = new Pane();
@FXML private Pane rightCanvas = new Pane();
@FXML private Pane bottomCanvas = new Pane();
@FXML private ScrollPane scrollPane = new ScrollPane();
@FXML private Button stacksButton = new Button();
@FXML private Button queueButton = new Button();
@FXML private Button stepStacksButton = new Button();
@FXML private Button stepQueueButton = new Button();

private MazeSolver solver;
private GridDisplay gridDisplay;
private ArrayList<String> maze;
private String fileLocation;
private int height;
private int width;

@Override
public void start(Stage primaryStage) throws IOException, InterruptedException 
{
    solver = new MazeSolver(fileLocation);
    int[] dimensions = solver.getDimensions();
    this.width = dimensions[0];
    this.height = dimensions[1];
    maze = solver.getMazeLayout();

    primaryStage.setTitle("Maze Solver");


    //this is the root which uses the fxml file and in turn sets up the scene
    Parent root = FXMLLoader.load(getClass().getResource("MazeApp.fxml"));
    Scene scene = new Scene(root);


    //Represents the grid with Rectangles
    gridDisplay = new GridDisplay(height, width);
    gridDisplay.setMaze(maze);

    mainPanel = new BorderPane();

    //here i set the scroll pane as the mainPanel's content
    mainPanel.setCenter(scrollPane);

    //and then set the gridDisplay as the scroll panes content
    scrollPane.setContent(gridDisplay.getDisplay());

    //re paints the grid and its boxes
    gridDisplay.createElements();

    primaryStage.setScene(scene);
    primaryStage.show();

}

我做这些事情的顺序没有区别，只是从不显示。我总是留下 window 和一个空白的 space 迷宫应该在的地方，像这样：https://www.dropbox.com/s/rqxa9dy2w9lw4tz/Screenshot%202015-03-11%2022.01.46.png?dl=0（抱歉链接，不能直接 post 图片）。

如有任何帮助，我们将不胜感激。

编辑：我的网格显示 class:

public class GridDisplay{

private static final double ELEMENT_SIZE = 30;
private static final double GAP = ELEMENT_SIZE / 90;

private TilePane tilePane = new TilePane();
private Group display = new Group(tilePane);
private int nRows;
private int nCols;
private ArrayList<String> maze = null;

public GridDisplay(int nRows, int nCols) 
{
    tilePane.setStyle("-fx-background-color: rgba(255, 215, 0, 0.1);");
    tilePane.setHgap(GAP);
    tilePane.setVgap(GAP);
    setColumns(nCols);
    setRows(nRows);
}

public void setColumns(int newColumns) 
{
    nCols = newColumns;
    tilePane.setPrefColumns(nCols);
    createElements();
}

public void setRows(int newRows) 
{
    nRows = newRows;
    tilePane.setPrefRows(nRows);
    createElements();
}

public TilePane getDisplay() 
{
    return tilePane;
}

public void createElements() 
{
    tilePane.getChildren().clear();
    for (int i = 0; i < nRows; i++) {
        for (int j = 0; j < nCols; j++) {
            if(maze==null)
                tilePane.getChildren().add(createElement(Color.RED));
            else
            {
                Color color = Color.WHITE;
                if(Character.toString(maze.get(i).charAt(j)).equals("#"))
                    color = Color.BLACK;
                if(Character.toString(maze.get(i).charAt(j)).equals("o"))
                    color = Color.GREEN;
                if(Character.toString(maze.get(i).charAt(j)).equals("*"))
                    color = Color.RED;
                tilePane.getChildren().add(createElement(color));
            }
        }
    }
}

public void colorSolved() 
{
    tilePane.getChildren().clear();
    for (int i = 0; i < nRows; i++) {
        for (int j = 0; j < nCols; j++) {
            if(maze==null)
                tilePane.getChildren().add(createElement(Color.RED));
            else
            {
                Color color = Color.WHITE;
                if(Character.toString(maze.get(i).charAt(j)).equals("#"))
                    color = Color.BLACK;
                if(Character.toString(maze.get(i).charAt(j)).equals("o"))
                    color = Color.GREEN;
                if(Character.toString(maze.get(i).charAt(j)).equals("*"))
                    color = Color.RED;
                tilePane.getChildren().add(createElement(color));
            }
        }
    }
}

public void setMaze(ArrayList<String> maze)
{
    this.maze = maze;
}

private Rectangle createElement(Color color) {
    Rectangle rectangle = new Rectangle(ELEMENT_SIZE, ELEMENT_SIZE);
    rectangle.setStroke(Color.BLACK);
    rectangle.setFill(color);

    return rectangle;
}

}

我无法共享 xml 的代码，因为它无法正确粘贴到此 window 中，这是一张图片：

https://www.dropbox.com/s/27tbliubdlqdfzm/Screenshot%202015-03-12%2010.09.25.png?dl=0

Answer 1

因为你的root是BorderPane，你可以在代码中设置合适的区域：

BorderPane root = FXMLLoader.load(getClass().getResource("MazeApp.fxml"));
Scene scene = new Scene(root);


//Represents the grid with Rectangles
gridDisplay = new GridDisplay(height, width);
gridDisplay.setMaze(maze);

ScrollPane scrollPane = new ScrollPane();
scrollPane.setContent(gridDisplay);

root.setCenter(scrollPane);

// etc

JavaFX 添加自定义 class 到父节点

JavaFX adding custom class to parent node

javafx