JavaFx布局: disappearing/unorganized panes

Question

我有一个背景 Pane ，用于绘制与 BorderPane、VBox 和 HBox 结合使用时不显示的对象。此外，我的 BorderPane 没有正确定位布局(左、下、右)。 我尝试过使用多个不同的 Pane 并向其中添加 VBox 和 HBox，但是我遇到了类似的错误，其中布局不符合预期并且主绘图 Pane ( Canvas )消失。

BorderPane bp = new BorderPane();
button1 = new Button("Undo");
button2 = new Button("Erase");
HBox hb = new HBox(10);
hb.getChildren().addAll(button1, button2);

TilePane tp = new TilePane();
vb = new VBox();
vb.setPadding(new Insets(10, 10, 10, 10));
vb.setSpacing(25);
vb.setStyle("-fx-padding: 10;" + 
        "-fx-border-style: solid inside;" + 
        "-fx-border-width: 2;" +
        "-fx-border-insets: 5;" + 
        "-fx-border-radius: 5;" + 
        "-fx-border-color: black;");

colorCombo = new ComboBox<String>();
colorCombo.getItems().addAll("Black","Blue","Green","Red","Yellow","Orange","Pink");
colorCombo.setValue("Black");
colorCombo.setMinWidth(100);

ToggleGroup group1 = new ToggleGroup();

rbutton1 = new RadioButton("Rectangle");
rbutton1.setToggleGroup(group1);
rbutton1.setMinWidth(80);
rbutton1.setSelected(true);
rbutton2 = new RadioButton("Circle");
rbutton2.setToggleGroup(group1);
rbutton2.setMinWidth(80);

canvas = new Pane();
canvas.setStyle("-fx-background-color: beige;");

vb.getChildren().addAll(colorCombo, rbutton1, rbutton2);
tp.getChildren().add(vb);
bp.setLeft(tp);
bp.setBottom(hb);
bp.setRight(canvas);
this.getChildren().addAll(bp);

TilePane 和 BorderPane 是我最新的实验。我使用 bp.setRight(canvas); 来查看是否可以让 Canvas 完全显示，即使我希望 Canvas 成为整个背景而不仅仅是右侧。 Canvas 不显示。

Answer 1

我创建了三个单独的 GridPanes，并将垂直盒子、水平盒子和 Canvas (设置最小高度和宽度后)添加到网格 Pane ，然后将网格 Pane 添加到 BorderPane。这修复了我的程序的布局。