Tutoriel 3: générer FXML avec IA #

À partir du brouillon de la Vue #

Approche #

1. Téléverser trois fichiers:

   • .png: brouillon de la Vue
   • ma_vue.xml: FXML template
   • instructions.md: instructions pour une génération «propre»

2. Énoncé

   Générer le FXML pour implanter le brouillon de Vue du fichier .png.

   Utiliser le fichier .fxml comme template de départ (remplacer le Pane à la racine par un HBox ou VBox).

   Respecter les règles énoncées dans instructions.md.

Résultats #

1. Le FXML généré est propre et utilisable comme point de départ:

   • en particulier: il n’y a pas d’attributs superflus sur les balises, on peut se concentrer à comprendre structure de la Vue

   <?xml version="1.0" encoding="UTF-8"?>
   
   <?import javafx.scene.layout.*?>
   <?import javafx.scene.control.*?>
   
   <VBox xmlns:fx="http://javafx.com/fxml" 
         fx:controller="pong.frontal.vues.VueFileAttente" 
         styleClass="conteneur, v, center">
   
       <Pane styleClass="espacement, moyen" />
   
       <Button text="Ajouter" />
   
       <Pane styleClass="espacement, moyen" />
   
       <VBox styleClass="conteneur, v, center">
   
           <HBox styleClass="conteneur, h, center">
               <Label text="Alice Vs ???" />
               <Pane styleClass="espacement, moyen" />
               <Label text="0-0" />
               <Pane styleClass="espacement, petit" />
               <Button text="S'inscrire" />
           </HBox>
   
           <Pane styleClass="espacement, petit" />
   
           <HBox styleClass="conteneur, h, center">
               <Label text="Charlie Vs Bob" />
               <Pane styleClass="espacement, moyen" />
               <Label text="12-6" />
               <Pane styleClass="espacement, petit" />
               <Button text="Voir" />
           </HBox>
   
           <Pane styleClass="espacement, petit" />
   
           <HBox styleClass="conteneur, h, center">
               <Label text="Amina Vs Gregson" />
               <Pane styleClass="espacement, moyen" />
               <Label text="0-0" />
               <Pane styleClass="espacement, petit" />
               <Button text="Jouer" />
           </HBox>
   
       </VBox>
   
       <Pane styleClass="espacement, moyen" />
   
   </VBox>
   

2. Une fois recopié dans le projet de départ, on a:

   1er essai
   2ième essai
   3ième essai

Impressions #

1. Générer plusieurs fois la même chose retourne des résultats similaires (ce qui est bon signe)

2. Utile comme point de départ