En utilisant la mise en page AnchorPane dans JavaFX - des mannequins

Un volet d'ancrage dans JavaFX est similaire à un panneau de bordure car il vous permet de positionner des nœuds par rapport à l'un des bords du volet. Cependant, voici quelques différences clés: Dans un panneau de bordure, la zone de mise en page est divisée en cinq zones distinctes: haut, droite, bas, gauche et centre. Un volet d'ancrage ne divise pas la disposition en zones distinctes. Au lieu de cela, chaque nœud de la mise en page peut être lié - ou

• ancré - à un ou plusieurs des quatre bords de la zone de mise en page. Lorsqu'un nœud est ancré à un tronçon, le volet d'ancrage positionne le nœud le plus près possible de ce tronçon après avoir autorisé les autres nœuds.

  Un nœud peut être ancré sur plus d'un bord. Par exemple, un nœud peut être ancré aux bords supérieur et droit, ce qui placera le nœud dans le coin supérieur droit de la mise en page.

• Si un nœud est ancré sur les bords opposés (haut et bas ou gauche et droite), le nœud sera tiré vers les deux bords de la mise en page. Cela entraîne l'étirement du noeud lorsque la taille de la mise en page augmente.

• Plus d'un noeud peut être ancré à chaque arête. Dans ce cas, les nœuds se chevaucheront comme dans un volet de pile.

• Le tableau suivant montre les constructeurs et les méthodes de la classe AnchorPane que vous utilisez pour créer un volet d'ancrage.

Constructeur

Description	AnchorPane ()
Crée un volet d'ancrage vide.	AnchorPane (Node … enfants)
Crée un volet d'ancrage avec les nœuds enfants spécifiés.	Méthode
Description	ObservableList
getChildren () Renvoie la collection de tous les nœuds enfants qui ont été ajoutés	au volet d'ancrage. La collection est renvoyée sous la forme d'un type ObservableList, qui inclut les méthodes add et addAll, , ce qui vous permet d'ajouter un ou plusieurs nœuds à la liste. static void setTopAnchor (Nœud de noeud, valeur Double
) Ancrage le noeud spécifié au bord supérieur.	La valeur indique le décalage par rapport au bord. static void setRightAnchor (Nœud de noeud, valeur Double
) Ancrage le noeud spécifié sur le côté droit.	La valeur indique le décalage par rapport au bord. static void setBottomAnchor (Nœud de noeud,
Valeur double) Ancrage le noeud spécifié au bord inférieur.	La valeur indique le décalage par rapport au bord. static void setLeftAnchor (Nœud de noeud, valeur Double
) Ancrage le noeud spécifié sur le côté gauche.	La valeur indique le décalage par rapport au bord. void setMinHeight (valeur double)
Définit la hauteur minimale du volet d'ancrage.	void setMaxHeight (valeur double)
Définit la hauteur maximale du volet d'ancrage.	void setPrefHeight (valeur double)
Définit la hauteur préférée du volet d'ancrage.	void setMinWidth (valeur double)
Définit la largeur minimale du volet d'ancrage.	void setMaxWidth (valeur double)
Définit la largeur maximale du volet d'ancrage.	void setPrefWidth (valeur double)
Définit la largeur préférée du volet d'ancrage.	void setPadding (valeur Insets)
Définit le remplissage autour des bords intérieurs du volet	de la pile.

Pour créer un volet d'ancrage, appelez le constructeur AnchorPane et transmettez les nœuds que vous souhaitez ajouter. Par exemple:

Rectangle r1 = nouveau Rectangle (400, 200); r1. setFill (Couleur: LIGHTGRAY); Rectangle r2 = nouveau rectangle (200, 400); r2. setFill (Couleur DARKGRAY); Ancre AnchorPane = new AnchorPane (r1, r2);

Ici, une paire de rectangles, un 400 × 200, l'autre 200 × 400, est créée. L'un est rempli de gris clair, l'autre gris foncé. Ensuite, un volet d'ancrage est créé et les deux rectangles sont ajoutés.

Vous utilisez ensuite les méthodes setTopAnchor, setRightAnchor, setBottomAnchor et setLeftAnchor pour ancrer les nœuds aux bords du volet d'ancrage. Chacune de ces méthodes accepte deux paramètres: le nœud que vous voulez ancrer et une valeur de décalage qui vous permet d'ancrer le nœud à une certaine distance du bord.

Par exemple, pour ancrer le rectangle r1 aux bords supérieur et gauche et le rectangle r2 aux bords supérieur et droit, utilisez ces lignes:

ancre. setTopAnchor (r1, 0. 0); ancre. setLeftAnchor (r1, 0. 0); ancre. setTopAnchor (r2, 0. 0); ancre. setRightAnchor (r2, 0. 0);

Ce qui suit montre comment ce volet d'ancrage apparaîtra lorsqu'il sera affiché dans une scène.

Deux rectangles affichés dans un volet d'ancrage.

La fenêtre dans la partie supérieure de la figure 1 montre comment ce volet apparaît lors de son affichage initial. Ici, vous pouvez voir comment le rectangle gris clair est ancré dans le coin supérieur gauche de la mise en page et le rectangle gris foncé est ancré dans le coin supérieur droit.

La vitre d'ancrage est initialement dimensionnée pour que son contenu soit parfaitement ajusté. Par conséquent, le rectangle gris foncé chevauche le rectangle gris clair. La fenêtre dans la partie inférieure de la figure montre comment la mise en page apparaît lorsque l'utilisateur étire la fenêtre, ce qui permet au volet de mise en page d'ancrage de se développer. Lorsque le volet d'ancrage devient plus large, le rectangle gris clair reste placé dans le coin supérieur gauche de la mise en page, tandis que le rectangle gris foncé suit le coin supérieur droit du volet. Ainsi, les rectangles se séparent.