Mise à l'échelle de résolution d'écran JavaFX

Question

J'ai cherché une méthode pour cela, mais j'ai seulement trouvé This question without answers. Je développe dans un ordinateur portable 1366x768, j'utilise JavaFX pour créer une interface graphique (je suis désolé, mais je ne peux pas poster le code, c'est essentiellement un AnchorPane contenant un couple GridPanes, qui contiennent plus de GridPanes, qui contiennent des étiquettes , TextFields et quelques graphiques).

Le problème survient lorsque je charge le projet sur une autre résolution (1920 x 1080 ou 1600 x 900). J'utilise stage.setMaximized(true);, mais cela ne fait qu'échelonner l'arrière-plan, la scène elle-même, de sorte que tous les éléments et conteneurs (panneaux, étiquettes, champs de texte .....) restent de la même taille qu'avec la résolution 1366x768, ce qui rend le GUI "ne correspond pas" à des résolutions qui ne sont pas exactement 1366x768.

J'espère avoir expliqué mon problème assez bien, mon anglais est loin d'être parfait.

Quelqu'un a-t-il une suggestion sur la façon de faire évoluer les éléments avec la résolution de scène?

(J'ai besoin que le logiciel soit agrandi ou plein écran dans chaque moniteur, donc faire une résolution fixe (1366x768, par exemple) ne semble pas être une bonne solution).

Merci à tous.

Mise à jour:

Je viens de créer un petit exemple. C'est un GridPane 2x1 à l'intérieur du JavaFX AnchorPane par défaut, j'ai ajouté deux exemples de boutons au volet de la grille.

<AnchorPane minHeight="-Infinity" minWidth="-Infinity" prefHeight="300.0" prefWidth="400.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" > 
<children> 
    <GridPane prefHeight="300.0" prefWidth="400.0"> 
     <columnConstraints> 
      <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" /> 
     </columnConstraints> 
     <rowConstraints> 
      <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" /> 
      <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" /> 
     </rowConstraints> 
     <children> 
      <Button fx:id="example1" mnemonicParsing="false" text="Example 2" GridPane.halignment="CENTER" GridPane.valignment="CENTER" /> 
      <Button fx:id="example2" mnemonicParsing="false" text="Example 2" GridPane.halignment="CENTER" GridPane.rowIndex="1" GridPane.valignment="CENTER" /> 
     </children> 
    </GridPane> 
</children> 

Ce code est joli dans un écran 400x300 (Trop peu, je sais, il est juste un exemple), quand je l'échelle à 1366x768 (pas vrai plein écran, juste stage.setMaximized(true);), le GridPane n'est pas à l'échelle, seulement la scène elle-même, donc j'ai un fond d'écran plein, avec un volet de 400x300 (avec ses minuscules boutons) dans le coin supérieur gauche de mon écran.

TL; DR: L'exemple de code les boutons restent dans le coin supérieur gauche de l'écran, et le reste est juste un espace vide lorsque j'agrandis la résolution.

Mise à jour 2; J'ai oublié le code Java.

Parent root = FXMLLoader.load(getClass().getResource("UI.fxml")); 
Scene scene = new Scene(root, java.awt.Toolkit.getDefaultToolkit().getScreenSize().width, 
      java.awt.Toolkit.getDefaultToolkit().getScreenSize().height); 
stage = new Stage(); 
stage.setMaximized(false); 
stage.setScene(scene); 
stage.setTitle("Example Menu"); 
stage.show(); 

Answer 1

Vous devez définir les contraintes du volet d'ancrage sur l'enfant. dans votre cas gridpane

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

Ce sera après votre

GridPane prefHeight="300.0" prefWidth="400.0" **HERE** 

Cela permettra de maximiser le composant de l'enfant dans le conteneur, d'où 0 0 0 0 pixels de chaque côté.