Tutoriel: ajouter le conteneurRendezVous #

Retirer les anciens éléments graphiques #

1. Dans file_attente.xml, retirer le boutonDebuterPartie

           <Button 
                   fx:id="boutonSInscrire" 
                   text="%sInscrire"
                   styleClass="gros-bouton"
                   id="bouton-s-inscrire">
               </Button>
   
               <!-- retirer -->
               <Pane styleClass="petit-espace-horizontal"/>
   
               <!-- retirer -->
               <Button 
                   fx:id="boutonDebuterPartie" 
                   text="%debuterPartie"
                   styleClass="gros-bouton,bouton-rouge"
                   id="bouton-debuter-partie">
               </Button>
   

2. Dans file_attente.xml, retirer le labelRendezVous

   
               <ScrollPane fitToWidth="true" styleClass="defilement">
   
                   <!-- retirer le labelRendezVous -->
                   <Label fx:id="labelRendezVous" styleClass="label-rendez-vous"/>
   
               </ScrollPane>
   

Modifier le .css #

1. Retirer la taille forcée pour le .defilement (dev.css et prod.css)

   .defilement {
           -fx-min-width:20em; /* retirer */
           -fx-max-width:20em; /* retirer */
       }
   

Ajouter le conteneurRendezVous #

1. Ajouter plutôt un conteneurRendezVous

           <ScrollPane HBox.hgrow="ALWAYS" fitToWidth="true" styleClass="defilement">
   
                   <!-- ajouter un conteneurRendezVous" -->
                   <VBox styleClass="conteneur" fx:id="conteneurRendezVous" id="conteneur-rendez-vous">
                   </VBox>
   
               </ScrollPane>
   

Modifier la classe VueFileAttente #

1. Dans VueFileAttente, retirer les attributs boutonDebuterPartie et labelRendezVous

   • retirer aussi le code qui utilise ces attributs

   public class VueFileAttente extends ViewFx {
   
           @FXML
           private Button boutonSInscrire;
   
           @FXML
           private Button boutonDebuterPartie; // retirer
   
           @FXML                                
           private Label labelRendezVous;      // retirer
   
           @Override
           public void initialize() {
               Ntro.assertNotNull(boutonSInscrire);
   
               // retirer
               Ntro.assertNotNull(boutonDebuterPartie);
   
               // retirer
               Ntro.assertNotNull(labelRendezVous);          
   
               // retirer
               installerEvtAfficherPartie();
   
               //...
           }
   
           // ...
   
           // retirer la méthode
           private void installerEvtAfficherPartie() {
               boutonDebuterPartie.setOnAction(evtFx -> {
   
                   Ntro.newEvent(EvtAfficherPartie.class)
                       .trigger();
               });
           }
   
   
           public void afficherRendezVousEnTexte(String texteRendezVous) {
               // retirer
               labelRendezVous.setText(texteRendezVous); 
           }
       }
   

2. Ajouter l’attribut conteneurRendezVous

   public class VueFileAttente extends ViewFx {
   
           @FXML
           private Button boutonSInscrire;
   
           @FXML                                 // ajouter
           private VBox conteneurRendezVous;     // ajouter
   
           // ... 
   
           @Override
           public void initialize() {
               // ...
   
               // ajouter
               Ntro.assertNotNull(conteneurRendezVous);
   
               // ...
   
           }
   
           public void afficherRendezVousEnTexte(String string) {
               // rien
           }
   
       }
   

Tester que ça fonctionne #

1. Exécuter AppPong et tester l’affichage (avec dev.css)

   $ sh gradlew pong
   

   
   • NOTES:
     • le conteneurRendezVous est vide (ligne noire sous le bouton s’inscrire)
     • les rectangles roses sont les espaces (pas élastiques pour l’instant)