Tutoriel: créer DonneesVuePartie #

Créer le ViewData nommé DonneesVuePartie #

1. En VSCode, créer le paquet frontal.donnees

2. Dans le paquet donnees, créer la classe DonneesVuePartie

3. En VSCode, je m’assure d’avoir l’arborescence suivante

   

4. Ouvrir DonneesVuePartie et ajuster la signature

   public class DonneesVuePartie implements ViewData {
   

5. Utiliser Ctrl+.Eclipse: Ctrl+1 pour ajouter l'import de ViewData

6. Dans DonneesVuePartie, ajouter les attributs suivants

   public class DonneesVuePartie implements ViewData {
   
       private MondePong2d mondePong2d = new MondePong2d();
       private String fpsCourant = "0";
   
   }
   

   • NOTES:
     • le fpsCourant est une exemple de données spécifique à la Vue
     • on ne veux pas sauvegarder fpsCourant dans le fichier .json

Déclarer DonneesVuePartie #

1. Ouvrir FrontalPong et ajouter ce code

   public class FrontalPong implements FrontendFx {
   
       //...
   
       @Override
       public void registerViews(ViewRegistrarFx registrar) {
   
           // ...
   
           // ajouter
           registrar.registerViewData(DonneesVuePartie.class);
       }
   

   • NOTES
     • on déclare DonneesVuePartie dans le frontal
     • c’est spécifique au frontal, le dorsal n’a pas accès à cet classe

2. Utiliser Ctrl+.Eclipse: Ctrl+1 pour ajouter l'import de DonneesVuePartie

Instancier notre DonneesVuePartie avec une tâche #

1. Dans le paquet frontal.taches, créer la classe AfficherPartie

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

   

3. Ouvrir AfficherPartie et ajouter le code suivant

   import static ca.ntro.app.tasks.frontend.FrontendTasks.*;
   
   public class AfficherPartie {
   
       public static void creerTaches(FrontendTasks tasks) {
   
           creerDonneesVuePartie(tasks);
   
       }
   
       private static void creerDonneesVuePartie(FrontendTasks tasks) {
   
           tasks.task(create(DonneesVuePartie.class))
   
                .executesAndReturnsValue(inputs -> {
   
                    return new DonneesVuePartie();
                });
       }
   }
   

   • NOTES
     • ne pas oublier le import static


import static ca.ntro.app.tasks.frontend.FrontendTasks.*;

4. Utiliser Ctrl+.Eclipse: Ctrl+1 et je corriger les erreurs de compilation

5. Ouvrir FrontalPong et ajouter l’appel à la méthode AfficherPartie.creerTaches

   public class FrontalPong implements FrontendFx {
   
       @Override
       public void createTasks(FrontendTasks tasks) {
   
           // ...
   
           // ajouter
           AfficherPartie.creerTaches(tasks);
   
       }
   

Tester que ça fonctionne #

1. S’assurer que AppPong s’exécute sans erreurs

   $ sh graldew pong
   

2. Vérifier le graphe de mon frontal:

   
   • NOTE: les tâches suivantes sont optionnelles:
     • changerTaillePolice
     • changerLangue
     • viewLoader[FragmentUneLangue]