Clean gridPane in JavaFX and maintain the Grid line

Question

I'm trying to make a simple game (it is a school work) in JavaFX and I am trying to clear the panel with the board, and then just repaint it. I have tried a lot of methods, and this one is the only one I found that removes all the pieces of the board (visually) without creating a visual bug that shows a piece that has already been deleted but is still shown.

So I declare the gridPane like this:

private GridPane gridPecas;

@Override
public void start(Stage primaryStage)
{
    gridPecas = new GridPane();
    gridPecas.setGridLinesVisible(true);

    paintBoard();

    // rest of the code to create and paint the Stage
 }

 private void paintBoard()
 {
    gridPecas.getChildren().clear();
    // Code to fill the board with ImageView and Images of the pieces
 }

The problem with this method, is that when the "gridPecas.getChildren().clear();" is called I just loose the grid lines from the GridPanel.

How can I solve this problem?

Flo C · Answer 1 · 2013-08-21T09:56:05.457

9

setGridLinesVisible(boolean) is for debug only:

http://docs.oracle.com/javafx/2/api/javafx/scene/layout/GridPane.html#setGridLinesVisible(boolean)

You can't even change the gridLines color for exemple.

So you should find another way to make your gridlines, and then call

yourPane.getChildren().clear();

because it's better than gridPecas.getChildren().removeAll(pecasFX[i][j]);

edited Aug 21 '13 at 09:56

answered Aug 20 '13 at 10:13

Flo C

421
4
8

score 4 · Answer 2 · answered Apr 09 '15 at 10:25

A way to clear the GridPane and maintain the Gridlines is as follow :

    Node node = grid.getChildren().get(0);
    grid.getChildren().clear();
    grid.getChildren().add(0,node);

the first Node* in the GridPane (*if you set the GridLinesVisible before adding elements in the grid?) contains the Gridlines (and maybe other things).

So you just need to keep this Node before the clear & re-add it after

score 1 · Answer 3 · answered Jun 12 '16 at 04:31

1

a one-liner: grid.getChildren().retainAll(grid.getChildren().get(0));

answered Jun 12 '16 at 04:31

j1nma

457
3
9
24

score 1 · Answer 4 · answered Feb 19 '20 at 10:01

1

Valid clear GridPane and restore mainrtain grid lines:

gridPane.setGridLinesVisible(false);
gridPane.getColumnConstraints().clear();
gridPane.getRowConstraints().clear();
gridPane.getChildren().clear();
gridPane.setGridLinesVisible(true);

answered Feb 19 '20 at 10:01

VADMARK

11
1

score 0 · Answer 5 · answered Jun 22 '12 at 07:54

0

Hmm my suggestion is not to clear all children at all. Always leave the imageViews and just replace the images they show. To "clear" the board put an "empty" image.

answered Jun 22 '12 at 07:54

Uluk Biy

48,655
13
146
153

Thank you for your answers, but I've just found the perfect solution xD Instead of doing "gridPecas.getChildren().clear();" I just do this in the for cycle : "gridPecas.getChildren().removeAll(pecasFX[i][j]);" So that when reading the piece it deletes it from the grid, and, thanks to the original "fill board" code, he hads a new one leaving the border clean and updated. – aliasbody Jun 22 '12 at 16:25

Clean gridPane in JavaFX and maintain the Grid line

5 Answers5