PoC : Aspect graphique.

[ClementDrn]

Pour la PoC il faut une fenêtre graphique fonctionnelle (possibilité de la réduire, agrandir, déplacer et de la fermer) avec :

• [x] du texte “Hello Avalonia” ;
• [x] un bouton “Sérialiser JSON” ;
• [x] un bouton “Désérialiser JSON”.

La fenêtre doit être fonctionnelle sur Windows, Linux et si possible macOS.

[ClementDrn]

Les 3 contrôles ont été ajoutés à la fenêtre. Cette dernière s'exécute aussi bien sur Windows que sur Linux.

Avec Avalonia, les composants graphiques sont ajoutés depuis des fichiers AXAML. Pour la fenêtre principale c'est dans le fichier Success History/Views/MainWindow.axaml. Voici la documentation utilisée pour les composants présents :

• Texte : https://docs.avaloniaui.net/docs/controls/textbox
• Bouton : https://docs.avaloniaui.net/docs/controls/button

Concernant la disposition des contrôles, il y avait plusieurs "layouts" possibles (https://docs.avaloniaui.net/docs/layout). J'ai testé ceux-ci :

• DockPanel
• StackPanel
• WrapPanel

Le plus simple a utilisé étant le StackPanel, c'est celui-ci que j'ai choisi : l'UX importe peu pour une PoC.

Le 1er tutoriel d'Avalonia m'a aidé, même si c'est la documentation qui fut la plus utile.

[ClementDrn]

Voici le résultat actuel.