JavaFX - Get GridPane, чтобы соответствовать родительскому

У меня есть простая GridPane, показывающая пару ярлыков и кнопку, но я не могу заставить ее соответствовать родительскому StackPane. Как я выйду и сделаю так, чтобы он заполнил все содержимое контейнера?

    GridPane g = new GridPane();
    g.add(new Label("Categories"),0,0);
    g.add(new Label("Content"),1,0);        
    Button newCat = new Button("New Category");
    newCat.setOnAction(new EventHandler<ActionEvent>() {
        @Override public void handle(ActionEvent e) {
            System.out.println("Clicked");
        }
    });       
    g.add(newCat,0,1);
    g.setGridLinesVisible(true);
    StackPane root = new StackPane();
    root.getChildren().add(g);        
    Scene scene = new Scene(root, 300, 250);  
    primaryStage.setScene(scene);
    primaryStage.show();

Пользовательский интерфейс действительно не мой сингл, и любая помощь будет оценена по достоинству.

Ответы

Ответ 1

Вы должны увидеть эту ссылку, особенно часть о Пропорции размера. Если у вас есть только два столбца, я обнаружил, что этот код работает:

GridPane grid = new GridPane();
/* your code */
ColumnConstraints column1 = new ColumnConstraints();
column1.setPercentWidth(50);
grid.getColumnConstraints().add(column1);

Ответ 2

В случае, если кто-то будет искать ответ, так оно и работает для меня:

@Override
public void start(Stage stage) throws Exception {
    stage.setTitle("Window title");
    GridPane grid = new GridPane();

    gridSetup(grid); // Building my grid elements here (2 columns)

    // Setting columns size in percent
    ColumnConstraints column = new ColumnConstraints();
    column.setPercentWidth(30);
    grid.getColumnConstraints().add(column);

    column = new ColumnConstraints();
    column.setPercentWidth(70);
    grid.getColumnConstraints().add(column);

    grid.setPrefSize(WINDOW_WIDTH, WINDOW_HEIGHT); // Default width and height
    grid.setMaxSize(Region.USE_COMPUTED_SIZE, Region.USE_COMPUTED_SIZE);

    Scene scene = new Scene(grid, WINDOW_WIDTH, WINDOW_HEIGHT);
    stage.setScene(scene);
    stage.show();
}

С помощью этой настройки сетка занимает все пространство окна и автоматически изменяет размер окна.

Ответ 3

Предположим, что ваш макет имеет 2 столбца и 3 строки, вы можете определить свойства размера столбцов и строк один за другим:

  <GridPane 
    xmlns:fx="http://javafx.com/fxml/1"    
    id="gridPane" 
    prefHeight="768.0" 
    prefWidth="1024.0">     

    <gridLinesVisible>true</gridLinesVisible> 
    <columnConstraints>
        <ColumnConstraints percentWidth="20"  /> 
        <ColumnConstraints percentWidth="80" />        
    </columnConstraints>

    <rowConstraints>
        <RowConstraints minHeight="50"/> 
        <RowConstraints percentHeight="80"/>  
        <RowConstraints minHeight="50"/>  
    </rowConstraints> 

</GridPane>

Ответ 4

Вместо того, чтобы класть GridPane в StackPane, вы должны добавить свою GridPane в HBox или VBox. Удобнее всего настроить Gridpane. Кстати, у вас все еще есть такие методы, как g.setPrefSize(arg0, arg1); чтобы соответственно установить высоту и ширину.

Ответ 5

Хотя это не очевидно, я думаю, что ваш GridPane уже такой же большой, как и его родительский контейнер. Если вы добавите следующие две строки кода, прежде чем "Сцена сцены = новая сцена (корень, 300, 250)", вы сможете увидеть, что происходит.

root.setStyle("-fx-background-color: yellow;");
g.setStyle("-fx-border-color: blue;");