Tutoriel: ajouter le conteneurRendezVous #

Retirer les anciens éléments graphiques #

1. Dans file_attente.fxml, 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.fxml, 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)