JavaFx 布局:消失/无组织的窗格

Question

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

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);过，看看我是否可以让画布显示出来，即使我希望画布是整个背景，而不仅仅是右边。画布不显示。

Answer 1

我创建了三个单独的网格窗格，并将 vbox、hbox 和画布(在设置最小高度和宽度后(添加到网格窗格中，然后将网格窗格添加到 BorderPane。这修复了我的程序的布局。

Answer 2

来自 BorderPane：

顶部和底部的孩子将被调整到他们喜欢的高度 并扩展边框窗格的宽度。左右孩子 将调整为首选宽度并延长长度 在顶部和底部节点之间。并且中心节点将调整大小 以填充中间的可用空间。

对于没有子项的任何类型的窗格，其首选宽度为 0。您需要显式设置宽度。

旁注：即使Pane有子项，它仍然希望宽度为 0，因为Pane不会布局其子项来确定自己的大小。