`VBox` doesn't put Node under `FlowPane` - Java Community

fertiz · 2022-12-10T14:59:56.628Z

Hello, my problem is than my VBox doesn't put next Node under my `FlowPane`. I'm adding nodes dynamicly to it and VBox put's next Node below **FIRST** line in FlowPane. Do you know what may cause that?👀

J

JavaBot•12/10/22, 2:59 PM

J

JavaBot•12/10/22, 2:59 PM

Hey, @fertiz!
Please remember to

/close

/close

/close

/close this post once your question has been answered!

S

stechy1•12/10/22, 4:45 PM

Hello, can you show some code?

F

fertizOP•12/10/22, 4:48 PM

sure

F

fertizOP•12/10/22, 4:48 PM

public final class CustomStat extends HBox {

    public CustomStat(ImageView icon, String value, String tooltip) {
        // #191B20 | #2C2F37
        this.setStyle("-fx-background-color: #191B20; -fx-background-radius: 50");

        this.setSpacing(15);

        Text valueText = new Text(value);

        valueText.setFont(Font.font("Arial", 20));

        valueText.setStyle("-fx-fill: #45464b; -fx-font-family: Arial; -fx-font-size: 20;");

        this.setAlignment(Pos.CENTER);

        this.setPadding(new Insets(10, 10, 10, 10));

        this.getChildren().addAll(icon, valueText);
    }
}

public final class CustomStat extends HBox {

    public CustomStat(ImageView icon, String value, String tooltip) {
        // #191B20 | #2C2F37
        this.setStyle("-fx-background-color: #191B20; -fx-background-radius: 50");

        this.setSpacing(15);

        Text valueText = new Text(value);

        valueText.setFont(Font.font("Arial", 20));

        valueText.setStyle("-fx-fill: #45464b; -fx-font-family: Arial; -fx-font-size: 20;");

        this.setAlignment(Pos.CENTER);

        this.setPadding(new Insets(10, 10, 10, 10));

        this.getChildren().addAll(icon, valueText);
    }
}

public final class CustomStat extends HBox {

    public CustomStat(ImageView icon, String value, String tooltip) {
        // #191B20 | #2C2F37
        this.setStyle("-fx-background-color: #191B20; -fx-background-radius: 50");

        this.setSpacing(15);

        Text valueText = new Text(value);

        valueText.setFont(Font.font("Arial", 20));

        valueText.setStyle("-fx-fill: #45464b; -fx-font-family: Arial; -fx-font-size: 20;");

        this.setAlignment(Pos.CENTER);

        this.setPadding(new Insets(10, 10, 10, 10));

        this.getChildren().addAll(icon, valueText);
    }
}

public final class CustomStat extends HBox {

    public CustomStat(ImageView icon, String value, String tooltip) {
        // #191B20 | #2C2F37
        this.setStyle("-fx-background-color: #191B20; -fx-background-radius: 50");

        this.setSpacing(15);

        Text valueText = new Text(value);

        valueText.setFont(Font.font("Arial", 20));

        valueText.setStyle("-fx-fill: #45464b; -fx-font-family: Arial; -fx-font-size: 20;");

        this.setAlignment(Pos.CENTER);

        this.setPadding(new Insets(10, 10, 10, 10));

        this.getChildren().addAll(icon, valueText);
    }
}

(^ This is what I add to FlowPane)

F

fertizOP•12/10/22, 4:49 PM

public final class CustomStatsPane extends FlowPane {

    public CustomStatsPane() {
        this.setPrefWidth(1280);
        this.setOrientation(Orientation.HORIZONTAL);
        this.setAlignment(Pos.TOP_CENTER);
        this.setHgap(25);
        this.setPrefWrapLength(Region.USE_COMPUTED_SIZE);
        this.setVgap(25);
    }

    public void addStats(CustomStat... stats) {
        this.getChildren().addAll(stats);
    }
}

public final class CustomStatsPane extends FlowPane {

    public CustomStatsPane() {
        this.setPrefWidth(1280);
        this.setOrientation(Orientation.HORIZONTAL);
        this.setAlignment(Pos.TOP_CENTER);
        this.setHgap(25);
        this.setPrefWrapLength(Region.USE_COMPUTED_SIZE);
        this.setVgap(25);
    }

    public void addStats(CustomStat... stats) {
        this.getChildren().addAll(stats);
    }
}

public final class CustomStatsPane extends FlowPane {

    public CustomStatsPane() {
        this.setPrefWidth(1280);
        this.setOrientation(Orientation.HORIZONTAL);
        this.setAlignment(Pos.TOP_CENTER);
        this.setHgap(25);
        this.setPrefWrapLength(Region.USE_COMPUTED_SIZE);
        this.setVgap(25);
    }

    public void addStats(CustomStat... stats) {
        this.getChildren().addAll(stats);
    }
}

public final class CustomStatsPane extends FlowPane {

    public CustomStatsPane() {
        this.setPrefWidth(1280);
        this.setOrientation(Orientation.HORIZONTAL);
        this.setAlignment(Pos.TOP_CENTER);
        this.setHgap(25);
        this.setPrefWrapLength(Region.USE_COMPUTED_SIZE);
        this.setVgap(25);
    }

    public void addStats(CustomStat... stats) {
        this.getChildren().addAll(stats);
    }
}

(^ this is FlowPane)

F

fertizOP•12/10/22, 4:49 PM

        CustomStatsPane statsPane = new CustomStatsPane();

        VBox.setVgrow(statsPane, Priority.ALWAYS);

        for (int i = 0; i < 10; i++) {
            ImageView test = new ImageView("assets/units/Bazooka.png");
            test.setFitWidth(35);
            test.setFitHeight(30);
            CustomStat stat = new CustomStat(test, "test: " + user.getTimesAttacked(), "dd");
            statsPane.addStats(stat);
        }

        CustomStatsPane statsPane = new CustomStatsPane();

        VBox.setVgrow(statsPane, Priority.ALWAYS);

        for (int i = 0; i < 10; i++) {
            ImageView test = new ImageView("assets/units/Bazooka.png");
            test.setFitWidth(35);
            test.setFitHeight(30);
            CustomStat stat = new CustomStat(test, "test: " + user.getTimesAttacked(), "dd");
            statsPane.addStats(stat);
        }

        CustomStatsPane statsPane = new CustomStatsPane();

        VBox.setVgrow(statsPane, Priority.ALWAYS);

        for (int i = 0; i < 10; i++) {
            ImageView test = new ImageView("assets/units/Bazooka.png");
            test.setFitWidth(35);
            test.setFitHeight(30);
            CustomStat stat = new CustomStat(test, "test: " + user.getTimesAttacked(), "dd");
            statsPane.addStats(stat);
        }

        CustomStatsPane statsPane = new CustomStatsPane();

        VBox.setVgrow(statsPane, Priority.ALWAYS);

        for (int i = 0; i < 10; i++) {
            ImageView test = new ImageView("assets/units/Bazooka.png");
            test.setFitWidth(35);
            test.setFitHeight(30);
            CustomStat stat = new CustomStat(test, "test: " + user.getTimesAttacked(), "dd");
            statsPane.addStats(stat);
        }

(^ this is how I use Flowpane)

F

fertizOP•12/10/22, 4:51 PM

F

fertizOP•12/10/22, 4:51 PM

the parent is

VBox

VBox

VBox

VBox

F

fertizOP•12/10/22, 4:51 PM

with 50 spacing

F

fertizOP•12/10/22, 4:52 PM

so I think somehow FlowPane height is just for 1 row.

F

fertizOP•12/10/22, 5:00 PM

any clue?

S

stechy1•12/10/22, 5:12 PM

So issue is that red and yellow box overlaps?

F

fertizOP•12/10/22, 5:14 PM

yes

F

fertizOP•12/10/22, 5:15 PM

that yellow box overlaps red one (red = FlowPane)

F

fertizOP•12/10/22, 5:15 PM

but when I have just 1 row of FlowPane, everything is good

F

fertizOP•12/10/22, 5:15 PM

it's like it doesnt count the second row

S

stechy1•12/10/22, 5:17 PM

huh, that seems like a bug in calculation of a height.
What if you remove the priority for Vgrow?

S

stechy1•12/10/22, 5:18 PM

or isn't the issue that it does not fit into the total height?

F

fertizOP•12/10/22, 5:19 PM

I mean whenever I tried

HBox#getWidth

HBox#getWidth

HBox#getWidth

HBox#getWidth (from CustomStat) it returns 0, same goes for height and FlowPane

S

stechy1•12/10/22, 5:20 PM

getWidth is tricky. Try to use getPrefWidth/getPrefHeight

S

stechy1•12/10/22, 5:21 PM

from what I remember, the pref properties are properly updated

F

fertizOP•12/10/22, 5:27 PM

yes but

VBox

VBox

VBox

VBox doesn't use

getPrefWidth

getPrefWidth

getPrefWidth

getPrefWidth but

getWidth

getWidth

getWidth

getWidth

F

fertizOP•12/10/22, 5:27 PM

same goes for

height

height

height

height

S

stechy1•12/10/22, 5:31 PM

I see...

F

fertizOP•12/10/22, 5:39 PM

idk why it calculates only first row

S

stechy1•12/10/22, 5:42 PM

Unfortunately I'm not close to my computer so I can not try it... :/

F

fertizOP•12/10/22, 5:48 PM

my FlowPane is actually good, I rendered the border

F

fertizOP•12/10/22, 5:48 PM

but idk why other pane overlaps it

S

stechy1•12/10/22, 6:22 PM

you can maybe try to call "requestLayout" on VBox manually...

F

fertizOP•12/10/22, 6:24 PM

still nothing

F

fertizOP•12/10/22, 6:25 PM

drawn borders

S

stechy1•12/10/22, 6:26 PM

What version of JavaFX do you use? Have you tried latest version? Maybe it is fixed in some newer versions...

F

fertizOP•12/10/22, 6:31 PM

it is latest

F

fertizOP•12/10/22, 6:36 PM

is there any other alternative for FlowPane :??

S

stechy1•12/10/22, 6:37 PM

Just to be sure... Well, I can not help now, but I will check it tomorrow when I will be on computer...

F

fertizOP•12/10/22, 6:37 PM

alright

Ffertiz is there any other alternative for FlowPane :??

S

stechy1•12/10/22, 6:37 PM

Nothing of what I know... Maybe some 3rd party lib

F

fertizOP•12/10/22, 7:03 PM

I think I got it working, all I had to do was

flowPane.setMinHeight(flowPane.prefHeight(-1));

flowPane.setMinHeight(flowPane.prefHeight(-1));

flowPane.setMinHeight(flowPane.prefHeight(-1));

flowPane.setMinHeight(flowPane.prefHeight(-1));

F

fertizOP•12/10/22, 7:03 PM

crazy

Original message was deleted

J

JavaBotAPP•12/10/22, 7:14 PM

Post Closed

This post has been closed by @723844486974668810.