Tutoriel 3: analyse #

Comparer le comportement de `dep02` et `dep03` #

`dep02`	`dep03`
`$ sh gradlew dep02`	`$ sh gradlew dep03`

Affiche une fenêtre vide	Affiche une vue simple, avec mise en forme de base

Comparer les graphes de tâches de `dep02` et `dep03` #

`dep02/_storage/graphs/frontend.png`	`dep03/_storage/graphs/frontend.png`

Groupe de tâches `TachesB` avec une tâche qui affiche la fenêtre.	Groupe de tâches `TachesB` avec une tâche qui affiche la fenêtre et une autre tâche (qui installe la Vue?) Groupe de tâches `ViewLoaders` (qui charge les fichiers `.xml` et/ou `.css` pour la Vue?) Groupe de tâches `TachesA` (pour créer la vue `VueA` à partir du `ViewLoader`?)

Comparer les fichiers `dep02` et `dep03` #

Comparer les répertoires dep02/src et dep03/src avec VSCode:

Fichiers différents

`TachesB`	parce qu’on a une nouvelle tâche `tacheB1`
`FrontalDepart`	pour déclarer la Vue?

Nouveaux fichiers dans dep03

`VueA`	code Java de la VueA
`h.png` `v.png`	images de fond pour les conteneurs
`dev.css`	régles CSS pour la Vue
`en.properties` `fr.properties`	textes traduits anglais / français
`vue_a.fmlx`	le FXML de la VueA

Différences dans le code de TachesB
- Ajout d’une nouvelle tâche au groupe de tâches TachesB
- La tacheB1 est complètement nouvelle:
  - On récupère objA avec inputs.get(created(VueA.class))
    - objA est donc la VueA
  - On récupère objA avec inputs.get(window())
    - objB est donc la fenêtre
  - La tâche sert donc à installer la VueA dans la fenêtre
  - Noms possibles pour la tâche
    - installerVueA
    - afficherVueA
    - installerVuePrincipale
    - installerVueRacine
Différences dans le code de FrontalDepart
- Création des TachesA
- Déclaration de la vue
- Si on veut changer le nom du fichier vue_a.fxml il faudra changer ce code là:
```
registrar.registerView(VueFileAttente.class, "/vues/vue_a.fxml");  // <-----
```

Analyser les nouveaux fichiers #

Classe TachesA

tasks.taskGroup("TachesA")

     .waitsFor(viewLoaders())

     .contains(subTasks -> {

        tacheA(subTasks); // <---

     });

Une seule tâche dans le groupe de tâches

La tacheA est comme suit

private static void tacheA(FrontendTasks subTasks) {

    subTasks.task(create(VueA.class))

         .waitsFor(viewLoader(VueA.class))

         .executesAndReturnsValue(inputs -> {

             var objA = inputs.get(viewLoader(VueA.class));
             var objB = objA.createView();

             return objB;
         });

objA est un ViewLoader<VueA> puisque récupéré via inputs.get(viewLoader(VueA.class))
objB est une VueA puisque créé via la méthode createView d’un ViewLoader<VueA>

Noms possible pour le groupe de tâches TachesA
- CreerVues
- CreationDesVues
- ChargerVues
- etc.

Fichier vue_a.fxml pour la VueA (VueFileAttente)

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.layout.* ?>
<?import javafx.scene.control.* ?>

<VBox xmlns:fx="http://javafx.com/fxml"
    fx:controller="depart.frontal.vues.VueA" 
    styleClass="conteneur,v,center">

    <Pane styleClass="espacement,petit"/>

    <Label text="%texteA" />

    <Pane styleClass="espacement,petit"/>

    <Button text="%texteB" />

    <Pane styleClass="espacement,petit"/>

</VBox>

Puisqu’on a renommé VueA => VueFileAttente, il faut modifier la valeur de fx:controller

<VBox xmlns:fx="http://javafx.com/fxml"
    fx:controller="depart.frontal.vues.FileAttente"  <-----
    styleClass="conteneur,v,center">

Ensuite, %texteA et %texteB semble quelque chose de spécial, cherchons dans le répertoire dep03/src
On trouve que texteA est définit dans fr.properties (et en.properties)
```
texteA=Texte A, en français
texteB=Texte B, en français
```