Каков соответствующий контейнер JavaFX для хранения меток в нем?

Question

Какой контейнер JavaFX следует использовать для создания чего-либо, подобного цветным прямоугольникам ниже?

Каждый цветной прямоугольник должен содержать две метки: заголовок поля и числовой результат преобразования.

Любое предложение приветствуется.

Answer 1

Вот пример того, как использовать VBoxes внутри FlowPane. Очевидно, это не совсем то же самое, что и вы, потому что вы не опубликовали Минимальный воспроизводимый пример , но вы поняли идею.

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) {
        FlowPane flowPane = new FlowPane();
        flowPane.setStyle("-fx-background-color: rgb(50, 50, 50)");
        flowPane.setOrientation(Orientation.VERTICAL);
        flowPane.setVgap(20);

        flowPane.getChildren().add(new TextField("1"));

        VBox gramsVBox = new VBox();
        gramsVBox.setStyle("-fx-background-color: Blue; -fx-background-radius: 5 5 5 5;");
        gramsVBox.getChildren().add(new Label("Grams:"));
        gramsVBox.getChildren().add(new Label("453.000000001"));

        VBox kiloGramsVBox = new VBox();
        kiloGramsVBox.setStyle("-fx-background-color: Green; -fx-background-radius: 5 5 5 5;");
        kiloGramsVBox.getChildren().add(new Label("KiloGrams:"));
        kiloGramsVBox.getChildren().add(new Label(".453000000001"));

        VBox ouncesVBox = new VBox();
        ouncesVBox.setStyle("-fx-background-color: Red; -fx-background-radius: 5 5 5 5;");
        ouncesVBox.getChildren().add(new Label("Ounces"));
        ouncesVBox.getChildren().add(new Label("16"));

        flowPane.getChildren().addAll(gramsVBox,kiloGramsVBox,ouncesVBox);

        Stage stage  = new Stage();
        stage.setHeight(220);
        stage.setScene(new Scene(flowPane));
        stage.show();
    }

}