0% ont trouvé ce document utile (0 vote)
145 vues3 pages

Guide des balises FXML en JavaFX

La documentation FXML décrit les balises principales utilisées pour créer des interfaces utilisateur en JavaFX, telles que <VBox>, <Label>, <TextField>, <Button>, <GridPane>, <StackPane>, <Rectangle>, et <TextArea>. Chaque balise est accompagnée de son rôle, de ses attributs et de son comportement. Des liens vers des ressources supplémentaires pour le style et d'autres balises sont également fournis.

Transféré par

yass SixNueve
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
145 vues3 pages

Guide des balises FXML en JavaFX

La documentation FXML décrit les balises principales utilisées pour créer des interfaces utilisateur en JavaFX, telles que <VBox>, <Label>, <TextField>, <Button>, <GridPane>, <StackPane>, <Rectangle>, et <TextArea>. Chaque balise est accompagnée de son rôle, de ses attributs et de son comportement. Des liens vers des ressources supplémentaires pour le style et d'autres balises sont également fournis.

Transféré par

yass SixNueve
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Documentation FXML

Balise principale qui contient toute la vue du fichier FXML : <VBox>

<VBox xmlns:fx="[Link] fx:controller="[Link].


GameController" alignment="CENTER" spacing="20">
<!-- Contenu ici -->
</VBox>

Rôle : Conteneur principal pour organiser les éléments verticalement.

Attributs :

xmlns:fx="[Link] Déclare l'espace de noms FXML pour pouvoir


utiliser les fonctionnalités spécifiques à FXML dans le fichier XML.

fx:controller="[Link]" : Lien vers le contrôleur Java.

alignment="CENTER" : Centre les éléments dans le conteneur.

spacing="20" : Espace entre les éléments enfants de 20 pixels.

<Label> (Texte générique)

<Label text="Exemple de texte" />

Rôle : Affiche un texte.

Attributs :

text="Exemple de texte" : Définit le texte affiché dans le label.

<TextField> (Champ de texte)

<TextField fx:id="usernameField" promptText="Entrez votre texte" /


>

Rôle : Permet à l'utilisateur de saisir du texte.

Attributs :

fx:id="usernameField" : ID permettant d’être utilisé dans le contrôleur.

promptText="Entrez votre texte" : Texte affiché dans le champ avant que l'utilisateur
ne saisisse du texte.

Documentation FXML 1
<Button> (Bouton générique)

<Button text="Cliquez ici" onAction="#ButtonClick" />

Rôle : Affiche un bouton sur lequel l'utilisateur peut cliquer.

Attributs :

text="Cliquez ici" : Texte affiché sur le bouton.

onAction="#ButtonClick" : Spécifie la méthode du contrôleur qui sera appelée


lorsqu'on clique sur le bouton.

<GridPane> (Grille de disposition)

<GridPane fx:id="grid" alignment="CENTER" hgap="10" vgap="10">


<!-- Contenu de la grille ici -->
</GridPane>

Rôle : Conteneur pour organiser les éléments sous forme de grille.

Attributs :

fx:id="grid" : Identifiant unique pour la grille, utilisé dans le contrôleur.

alignment="CENTER" : Centre les éléments de la grille.

hgap="10" , vgap="10" : Espacement de 10 pixels entre les cellules de la grille.

<StackPane> (Conteneur empilé)

<StackPane>
<!-- Contenu ici -->
</StackPane>

Rôle : Conteneur qui empile ses éléments les uns sur les autres.

Comportement : Les éléments enfants sont superposés dans l'ordre de déclaration.

<Rectangle> (Forme rectangle)

<Rectangle width="200" height="100" />

Rôle : Affiche un rectangle.

Attributs

Documentation FXML 2
width="200" : Largeur du rectangle.

height="100" : Hauteur du rectangle.

<TextArea> (Zone de texte multi-lignes)

<TextArea fx:id="descriptionArea" promptText="Entrez votre texte i


ci" />

Rôle : Permet à l'utilisateur de saisir plusieurs lignes de texte.

Attributs :

fx:id="descriptionArea" : Identifiant pour la zone de texte.

promptText="Entrez votre texte ici" : Texte d'invite affiché avant que l'utilisateur
commence à saisir du texte.

<Label> (Texte explicatif)

<Label text="Saisissez les informations" />

Rôle : Affiche un texte explicatif ou une instruction.

Attributs :

text="Saisissez les informations" : Le texte affiché dans le label.

Pour compléter la doc avec le style possible et d’autres


balises :
[Link]

Documentation FXML 3

Vous aimerez peut-être aussi