因此，我使用 GridPane 的目的是根据组件添加到网格时分配给组件的部分，调整其子注释的大小以填充提供给 GridPane 的可用空间。我花了一些时间在 SO 上查看类似的问题，但是提出的解决方案似乎都不起作用，或者不符合我的要求。基本上我想要这样的东西并动态调整大小：
如果我在 CSS 或代码中调整按钮的最小、最大和首选项大小，我就可以做到这一点。我发现，随着窗口大小的调整，按钮会稍微调整大小，但即使我将宽度和高度的首选项最大值设置为一个非常大的值，它们仍然如上所示，即它们没有占据整个屏幕，如下图所示。值得注意的是，洋红色应用于 GridPane 而不是它所在的 AnchorPane，因此它显然占用了所有空间，但没有按比例将其分配给子级。
如果我取出 CSS 指定的 pref、min 和 max 尺寸并在 Java 代码中只留下 setMaxSize 指令，那么窗口都会被画得很小。如下所示。
下面是一个 SCE。（我知道代码可以优化，但这只是一个简单明了的例子）。
JAVA： 打包应用程序；
import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
public class Main extends Application {
@Override
public void start(Stage primaryStage) {
try {
BorderPane root = new BorderPane();
Scene scene = new Scene(root,400,400);
scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
ButtonPanel2 bp = new ButtonPanel2();
root.setCenter(bp);
primaryStage.setScene(scene);
primaryStage.show();
} catch(Exception e) {
e.printStackTrace();
}
}//end start
public static void main(String[] args) {
launch(args);
}//end main
}//end class main
class ButtonPanel2 extends AnchorPane {
GridPane grid;
Button ba, bb, bc, bd;
/**Construct a new button panel object.**/
public ButtonPanel2(){
//Create Grid and gaps
grid = new GridPane();
grid.setHgap(10);
grid.setVgap(10);
grid.prefWidthProperty().bind(this.widthProperty());
grid.getStyleClass().add("test");
//Init buttons
ba = new Button("A");
bb = new Button("B");
bc = new Button("C");
bd = new Button("D");
//Apply CSS styles for size
ba.getStyleClass().add("button1");
bb.getStyleClass().add("buttonH2");
bc.getStyleClass().add("buttonV2");
bd.getStyleClass().add("button2");
ba.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
bb.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
bc.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
bd.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
//Add items to grid.
//Node, colIndex, rowIndex, colSpan, rowSpan
grid.add(ba,0,0,1,1);//
grid.add(bb,1,0,2,1);//
grid.add(bc,0,1,1,2);//
grid.add(bd,1,1,2,2);//
GridPane.setFillHeight(ba, true);
GridPane.setFillHeight(bb, true);
GridPane.setFillHeight(bc, true);
GridPane.setFillHeight(bd, true);
GridPane.setFillWidth(ba, true);
GridPane.setFillWidth(bb, true);
GridPane.setFillWidth(bc, true);
GridPane.setFillWidth(bd, true);
//anchor grid to parent container (anchor)
AnchorPane.setTopAnchor(grid, 0.0);
AnchorPane.setBottomAnchor(grid, 0.0);
AnchorPane.setLeftAnchor(grid, 0.0);
AnchorPane.setRightAnchor(grid, 0.0);
this.getChildren().add(grid);
this.getStyleClass().add("test");
}//end buttonPanel2
}//end buttonPanel2
CSS：
.buttonV2{
-fx-min-width: 50px;
-fx-min-height:100px;
-fx-max-width: 200px;
-fx-max-height:100px;
-fx-pref-width: 75px;
-fx-pref-height:150px;
}
.buttonH2{
-fx-min-width: 100px;
-fx-min-height:50px;
-fx-max-width: 200px;
-fx-max-height:100px;
-fx-pref-width: 150px;
-fx-pref-height:75px;
}
.button1 {
-fx-min-width: 50px;
-fx-min-height:50px;
-fx-max-width: 100px;
-fx-max-height:100px;
-fx-pref-width: 75px;
-fx-pref-height:75px;
}
.button2 {
-fx-min-width: 100px;
-fx-min-height:100px;
-fx-max-width: 200px;
-fx-max-height:200px;
-fx-pref-width: 150px;
-fx-pref-height:150px;
}
.test{
-fx-background-color: #ff00ff;
}
.test2{
-fx-background-color: #00ffff;
}
