Tutoriel: créer et utiliser le CanvasPartie #

Créer la classe CanvasPartie #

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

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

   
   • NOTE: le FlexBoxRendezVous.java est optionnel

3. Ajuster la signature de CanvasPartie

   public class CanvasPartie extends ResizableWorld2dCanvasFx {
   

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

5. Ne rien afficher pour l’instant

   public class CanvasPartie extends ResizableWorld2dCanvasFx {
   
       @Override
       protected void initialize() {
   
           // rien pour l'instant
   
       }
   

Utiliser le CanvasPartie dans le .fxml #

1. Modifier partie.fxml comme suit:

   <!-- s'assurer d'avoir -->
   <?import javafx.scene.layout.*?>
   <?import javafx.scene.control.*?>
   
   <!-- ajouter -->
   <?import pong.frontal.controles.CanvasPartie?>
   
   
   <VBox xmlns:fx="http://javafx.com/fxml"
       fx:controller="pong.frontal.vues.VuePartie" 
       styleClass="conteneur"
       id="vue-partie">
   
       <Pane styleClass="petit-espace-vertical"/>
   
       <HBox VBox.vgrow="ALWAYS" styleClass="conteneur">
   
           <Pane styleClass="petit-espace-horizontal"/>
   
           <!-- retirer le ImageView -->
           <ImageView>
               <!-- ... -->
           </ImageView>
   
           <!-- ajouter -->
           <CanvasPartie 
               HBox.hgrow="ALWAYS" 
               fx:id="canvasPartie" 
               id="canvas-partie">
           </CanvasPartie>
   
           <Pane styleClass="petit-espace-horizontal"/>
   
       </HBox>
   
       <Pane styleClass="petit-espace-vertical"/>
   
       <Button 
           fx:id="boutonQuitterPartie" 
           text="%quitterPartie"
           styleClass="gros-bouton"
           id="bouton-quitter-partie">
       </Button>
   
       <Pane styleClass="petit-espace-vertical"/>
   
   </VBox>