Comment modifier la taille AnchorPanes enfant dans un VBox JavaFX

Question

Ceci est ma principale interface utilisateur Main UI

Je VBox (Fxid: datePane) dans un AnchorPane. La Vbox est de couleur bleue.

Lorsque le bouton avec l'étiquette "Ajouter" est cliqué, un fichier "second.fxml" est chargé dans la VBox (Fxid: datePane).

Le fichier fxml chargé prend la hauteur et la largeur de la Vbox.

Le second.fxml a une VBox qui est de couleur rouge. Toutefois, si je redimensionne l'écran, le fichier chargé ne change pas sa hauteur et sa largeur en conséquence. Comment puis-je m'assurer que le fichier fxml chargé prend la largeur et la hauteur de sa VBox parent (Fxid: datePane) ???

Ceci est mon fichier FxmlController.java

@FXML 
private Button btnAdd; 

@FXML 
private VBox datePane; 

@FXML 
    private VBox vbxsecond; 

@FXML 
private VBox vbxThird; 

@FXML 
private AnchorPane apLoader; 

VBox v; 

@Override 
public void initialize(URL arg0, ResourceBundle arg1) { 
    // TODO Auto-generated method stub 
    double w = apLoader.getWidth(); 
    double h = apLoader.getHeight(); 
    System.out.println(h); 
} 

public void setDataPane(Node node) { 
    // update VBox with new form(FXML) depends on which button is clicked 
    datePane.getChildren().setAll(node); 

} 

public VBox fadeAnimate(String url) throws IOException { 
    v = (VBox) FXMLLoader.load(getClass().getResource(url)); 
    FadeTransition ft = new FadeTransition(Duration.millis(1500)); 
    ft.setNode(v); 
    ft.setFromValue(0.1); 
    ft.setToValue(1); 
    ft.setCycleCount(1); 
    ft.setAutoReverse(false); 
    double w = datePane.getWidth(); 
    double h = datePane.getHeight(); 
    v.setPrefHeight(h); 
    v.setPrefWidth(w); 

    ft.play(); 
    return v; 


} 

public void loadPane() throws IOException { 

    try{ 

     setDataPane(fadeAnimate("/resources/second.fxml")); 


    }catch(IOException e) 
    { 
     e.printStackTrace(); 
    } 

} 

public void loadPane2() throws IOException { 

    try{ 

     setDataPane(fadeAnimate("/resources/third.fxml")); 


    }catch(IOException e) 
    { 
     e.printStackTrace(); 
    } 

} 

Ceci est mon fichier Main.java

@FXML 
private VBox vbxsecond; 

@FXML 
    private VBox datePane; 

@Override 
public void start(Stage primaryStage) { 
    try { 
     //BorderPane root = new BorderPane(); 
     Parent root = FXMLLoader.load(getClass().getResource("/resources/dashboard.fxml")); 
     Scene scene = new Scene(root); 
     scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm()); 
     primaryStage.setScene(scene); 
     //primaryStage.setMaximized(true); 
     primaryStage.show();    
    } catch(Exception e) { 
     e.printStackTrace(); 
    } 
} 

public static void main(String[] args) { 
    launch(args); 
} 

Ceci est mon fichier dashboard.fxml

AnchorPane minHeight="800.0" prefHeight="800.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.FxmlController"> 
    <children> 
     <SplitPane dividerPositions="0.29797979797979796" layoutX="14.0" layoutY="14.0" prefHeight="800.0" prefWidth="800.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"> 
     <items> 
      <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="798.0" prefWidth="192.0"> 
       <children> 
        <Button fx:id="btnAdd" layoutX="22.0" layoutY="122.0" mnemonicParsing="false" onAction="#loadPane" prefHeight="25.0" prefWidth="51.0" text="Add" AnchorPane.leftAnchor="22.0" AnchorPane.topAnchor="122.0" /> 
        <Button fx:id="btnadd2" layoutX="57.0" layoutY="281.0" mnemonicParsing="false" onAction="#loadPane2" text="ADD second" /> 
       </children> 
      </AnchorPane> 
      <AnchorPane fx:id="apLoader" minHeight="0.0" minWidth="0.0" prefHeight="158.0" prefWidth="814.0"> 
       <children> 
        <VBox fx:id="datePane" layoutX="10.0" layoutY="23.0" prefHeight="798.0" prefWidth="628.0" style="-fx-background-color: Blue;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" /> 
       </children> 
      </AnchorPane> 
     </items> 
     </SplitPane> 
    </children> 
</AnchorPane> 

Ceci est mon deuxième Fichier .fxml

<VBox fx:id="vbxsecond" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="814.0" style="-fx-background-color: Red;" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1"> 
    <children> 
     <Label fx:id="vbxSecond" text="HELLOOO" VBox.vgrow="ALWAYS"> 
     <font> 
      <Font size="96.0" /> 
     </font> 
     </Label> 
    </children> 
</VBox> 

Ceci est mon fichier third.fxml

<VBox fx:id="vbxThird" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="814.0" style="-fx-background-color: Pink;" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1"> 
    <children> 
     <Label text="Third HELOO" VBox.vgrow="ALWAYS"> 
     <font> 
      <Font size="85.0" /> 
     </font> 
     </Label> 
    </children> 
</VBox> 

Answer 1

J'ai résolu le problème. Je devais définir les valeurs du VBox dans le second.fxml et VBox (Fxid: datePane) dans le main.fxml à

AnchorPane.topAnchor="0.0" 
AnchorPane.bottomAnchor="0.0" 
AnchorPane.leftAnchor="0.0" 
AnchorPane.rightAnchor="0.0" 

et cela a fonctionné.