Tutoriel 6: analyse #

$ sh gradlew dep05

$ sh gradlew dep06

• Navigation entre deux vues
• Afficher un modèle en mode texte
• Ajouter une valeur au modèle

même chose mais:

• Afficher le modèle en mode graphique
  • Un Label pour chaque attribut
  • Un fragment pour chaque valeur

• On ajoute la tâche viewLoader[FragmentA] pour créer le viewLoader des fragments

dep06

dep05/_storage/graphs/backend.png

La VueA est créée

• Dans la tâche create(VueA.class), on récupère maintenant un ViewLoader pour le FragmentA

  

• Le ViewLoader est mémorisé dans la VueA:

  

• Plus tard (au moment d’afficher la valeur), le ViewLoader va servir à créer une nouvelle instance du fragment pour chaque valeur qu’il faut afficher

La tacheD1 s’exécute

• La tacheD1 récupére la VueA et la dernière version du modèle

  private static void tacheD1(FrontendTasks tasks) {
  
      tasks.task("tacheD1")
  
           .waitsFor(modified(ModeleA.class))
  
           .waitsFor(created(VueA.class))
  
           .executes(inputs -> {
  
               var objA = inputs.get(created(VueA.class));
               var objB = inputs.get(modified(ModeleA.class));
  
               objB.currentValue().methodeC(objA);
  
           });
  } 
  

• Naviguer vers la methodeC avec Ctrl+clic

ModeleA.methodeC s’exécute

• Plutôt qu’afficher en mode texte, on va appeler plusieurs méthodes de la Vue pour afficher en mode graphique:

  public void methodeC(VueA vueA) {
  
      vueA.methodC(attrA);
  
      vueA.methodD(attrB);
  
      vueA.methodeE();
      for(ValeurA valeur : valeurs) {
          vueA.methodeF(valeur);
      }
  } 
  

• En particulier, on va itérer chaque valeur et demander à la vue de l’afficher:

  for(ValeurA valeur : valeurs) {
      vueA.methodeF(valeur);
  } 
  

• Naviguer vers la methodeF avec Ctrl+clic

VueA.methodeF s’exécute

• Avec le ViewLoader mémorisé à l’étape 1, la Vue va créer un fragment pour la valeur

  public void methodeF(ValeurA paramC) {
      FragmentA varA = viewLoader.createView();
  
      paramC.methodeA(varA);
  
      conteneurA.getChildren().add(varA.rootNode());
  } 
  

• La Vue demande ensuite à la valeur de s’afficher sur le fragment

• Finalement, le fragment est ajouté à un conteneur

• Naviguer vers la methodeA avec Ctrl+clic

ValeurA.methodeA s’exécute

• La valeur s’affiche sur un fragment:

  public void methodeA(FragmentA paramA) {
      paramA.methodeA(attrA);
      paramA.methodeB(attrB);
  } 
  

• La valeur appelle des méthodes du fragment pour afficher chaque attribut