Tutoriel: créer et utiliser le FlexBoxRendezVous #

Créer la classe FlexBoxRendezVous #

1. Dans le paquet pong.frontal.controles, créer la classe FlexBoxRendezVous

2. En VSCode, s’assurer d’avoir l’arborescence suivante:

   

3. Ouvrir FlexBoxRendezVous et ajuster la signature:

   public class FlexBoxRendezVous extends SimpleFlexBox {
   
           // ...
   

4. Avec Ctrl+.Eclipse: Ctrl+1, ajouter le import et les méthodes obligatoires

   public class FlexBoxRendezVous extends SimpleFlexBox {
   
       	@Override
       	protected void initialize() {
       	    // optionnel
       		setGap(200);
       	}
   
       	@Override
       	protected void onVBox() {
   
       	}
   
       	@Override
       	protected void onHBox() {
   
       	}
   
       }
   

Utiliser le FlexBoxRendezVous dans le .fxml #

1. Ouvrir rendez_vous.fxml et utiliser la balise FlexBoxRendezVous

   <!-- ajouter-->
       <?import pong.frontal.controles.FlexBoxRendezVous?>
   
       <!-- ... -->
   
           <!-- remplacer HBox par FlexBoxRendezVous -->
           <FlexBoxRendezVous HBox.hgrow="ALWAYS" styleClass="conteneur,rendez-vous">
   
               <!-- ... -->
   
           <!-- remplacer HBox par FlexBoxRendezVous -->
           </FlexBoxRendezVous>
   
       <!-- ... -->
   

2. Ouvrir rendez_vous_complet.fxml et utiliser la balise FlexBoxRendezVous

   <!-- ajouter -->
       <?import pong.frontal.controles.FlexBoxRendezVous?>
   
       <!-- ... -->
   
           <!-- remplacer HBox par FlexBoxRendezVous -->
           <FlexBoxRendezVous HBox.hgrow="ALWAYS" styleClass="conteneur,rendez-vous">
   
               <!-- ... -->
   
           <!-- remplacer HBox par FlexBoxRendezVous -->
           </FlexBoxRendezVous>
   

Tester que ça fonctionne #

1. Exécuter AppPong et vérifier que le FlexBox fonctionne

   $ sh gradlew pong
   

   • NOTE: désolé pour le clignotement, l’implantation du SimpleFlexBox est loin d’être parfaite!