Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir Windows Presentation Foundation

Découvrir l'interface de SQL Trismegiste

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez explorer l'interface en WPF de l'outil SQL Trismegiste. Ainsi, servez-vous de cet outil comme exemple.
05:55

Transcription

Nous allons commencer à ajouter de l'intéractivité à notre interface. Et pour ce faire je vous l'ai dit au début, j'ai pris comme exemple un programme que j'ai réalisé et qui est disponible sur GitHub, qui est, donc, libre, gratuit, open source puisque vous avez des sources sur GitHub, c'est du WPF et qui s'appelle Sql Trismegiste. C'est un programme qui permet à tout utilisateur d'extraire des informations diagnostiques d'un serveur SQL Server. Je l'utilise personnellement pour mes missions d'audit sur des performances de SQL Server, de façon à pouvoir extraire rapidement des informations diagnostiques qui vont m'aider à comprendre quelles sont les problématiques sur ce serveur. Alors qu'auparavant, eh bien je lançais pas mal de requêtes à la main. Ça me prenait beaucoup de temps quand je faisais une mission d'audit. Cet outil me permet de les exécuter d'un seul coup et d'avoir le résultat en HTML. Donc, vous avez le CodeSource de SQL Trismegiste, c'est du C# et du WPF sur GitHub. Et dans mon projet j'ai complètement changé l'interface, j'ai enlevé mes deux boutons, ma Grid. J'ai repris une copie de l'interface de SQL Tismegiste, pour l'instant sans aucune intéractivité. Alors ce que j'ai dans cette interface, c'est ici une barre d'outils avec des boutons, ici un TreeView, c'est-à-dire une arborescence, ici j'ai une interface tabulaire avec des pages. Là, j'ai une combo qui permet d'aller chercher différents serveurs. Comment m'authentifier à SQL Server, donc là j'ai un RadioButton, des zones de texte pour entrer l'utilisateur et le mot de passe, des boutons pour me connecter, ici une petite Grid pour afficher la liste des bases de données qui appartiennent au serveur de façon à pouvoir les cocher. Et puis ensuite, lorsque je suis connecté, j'ai un bouton qui permet de lancer l'analyse. Et finalement ici une barre d'état avec des informations. Donc vous voyez, c'est une interface de gestion assez traditionnelle, mais il y a déjà quelques contrôles qui sont intéressants à manipuler. Déjà mes tab, vous voyez que je mis de icônes, des couleurs. Ici, je désactive mes boutons tant qu'ils n'ont pas d'utilité. Bref, il y a deux ou trois choses à voir dans le code lui-même du XAML. Donc, si j’arrête ceci, on va faire un petit tour rapide, de la façon dont j'ai procédé. Alors, j'ai mis quelques styles très simples dans Window.Resources, ensuite j'ai fait un DockPanel. Si je regarde dans Création, on en est là, ça me permet de docker mon TreeView et docker ensuite mon ControlTab, c'est à dire ce contrôle qui va me permettre d'avoir différentes pages. Donc, si je reviens sur mon XAML j'ai un DockPanel, d'abord un ToolBarTray, alors effectivement avant, il faut que je mette ce contrôle pour la barre d'outils en haut. Donc, je fais un ToolBarTray qui est en Dock Top. Je mets un ToolBar dedans, j'ai un StatusBar qui est en Dock Bottom, évidement donc, on se souvient c'est ceux-ci. Là ça vaut le peine de faire un affichage multiple. Donc, ici je suis sur mon StatusBar, là mon ToolBar qui est ici. Ensuite le TreeView qui est bien entendu à gauche, ça c'est acquis, ensuite un TabControl. Eh bien je n'ai pas mis finalement quel est son Dock puisque il va remplir l'espace qui reste. Cela me permet de le redimensionner, ici en haut, le StatusBar en bas, ça à gauche et le reste pris par le TabControl. Évidement dans un TabControl on a des items, donc j'en ai créé deux avec un Header, et tous les textes ici : Connexion, Résultats, Vider les stats etc. viennent de ressources statiques qui sont des chaînes que j'ai définies dans un fichier de ressources. Voilà j'ai défini toute une série de chaînes, de façon à ne jamais mettre en dur une quelconque chaîne dans mon interface. Afin, bien entendu de m'assurer que je peux faire une traduction et avoir la même version en anglais, très simplement. Ensuite j'ai un certain nombre d'éléments : une Grid qui va me permettre de dimensionner mes différentes zones. Donc j'ai fais deux colonnes ici et plusieurs définitions lignes pour bien aligner mes différents éléments, tout est Auto ici, de façon à prendre la dimension des composants que j'ai mis à l'intérieur. Ici j'ai fait un StackPanel pour le stacker comme ceci. Et donc à l'intérieur j'ai pas mal utilisé des StackPanel pour mettre les éléments les uns en dessous des autres à l'intérieur d'une cellule. J'ai fait des RadioButton, j'ai refait une Grid pour bien dimensionner mes deux étiquettes et mes deux zones de texte. Vous voyez, c'est assez classique. Si vous avez l'habitude de concevoir des interfaces graphiques, eh bien, vous avez les types de Contrôle traditionnel : Button, CheckBox, RadioButton, comme ceux-ci, zones de texte, Label, donc les choses dont on a besoin en général. Il n'y a pas des grandes révolutions au niveau de ce qui est disponible dans WPF. C'est simplement une façon parfois un peu différente de travailler avec. J'ai pris ici une DataGrid, donc c'est une Grid spécifique qui permet d’être lié aux données et qui va m'afficher ici la liste des Bases de données, à partir d'une requête que je fais dans SQL Server, sur des vues de catalogues qui vont permettre de lister les Bases de données. Voilà pour l'interface, maintenant on va voir comment on amène de l'intéractivité dans tout ça.

Découvrir Windows Presentation Foundation

Améliorez la qualité de vos interfaces graphiques avec WPF (Windows Presentation Foundation). Découvrez le langage XAML, définissez votre interface graphique manuellement, etc.

3h12 (40 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :12 mai 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !