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

Modifier l'affichage d'un contrôle à l'aide d'un template

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez créer un template pour modifier l'affichage d'un contrôle avec de très riches possibilités.
04:59

Transcription

Bon, ça fait un moment qu'on a vu les styles qui sont dans les ressources soit dans des fichiers de ressources c'est-à-dire dans des dictionnaires de ressources, soit ici, directement dans une ressource, dans Control, par exemple, notre fenêtre. Il y a quelque chose d'un petit peu plus compliqué et riche que les styles si vous voulez changer de l'affichage, si vous voulez vraiment faire des choses complètement personnalisées avec vos contrôles, c'est ce qu'on appelle les « Templates ». Avec les Templates, vous pouvez changer plus que le style. Le style vous permet de changer l'apparence, des propriétés par défaut et des événements par défaut de votre Control. On reviendra sur l'idée de Trigger, mais avec les templates, vous pouvez changer beaucoup plus de choses à l'intérieur de votre Control. Vous pouvez vraiment le personnaliser comme vous le voulez et puis vous pouvez aussi travailler avec du comportement spécifique de vos contrôles. Je vais vous montrer. Ce qu'on va faire c'est, par exemple, je vais configurer ce bouton pour qu'il soit totalement différent. Alors ça c'est quelque chose qui n'existe pas dans le projet que vous avez sur GitHub, mais ici pour démonstration, on va faire un truc un petit peu créatif. Et on va le faire totalement en XAML, une fois de plus. On ne touche absolument pas au code, mais on va vraiment personnaliser l'affichage en tant que Designer XAML. Donc, en plus d'un style je vais rajouter un Template. Ca ressemble au début à un Style, je vais dire : c'est un template de control, donc ControlTemplate. Il faut lui donner un nom pour pouvoir ensuite le définir sur les contrôles qui nous intéressent. Je vais l'appeler, par exemple, JoliBouton et je vais dire quel est le TargetType, c'est pour des Button. Maintenant je vais construire l'affichage de mon bouton. Par exemple, je vais dire : ok, tu me fais une Grid. A l'intérieur de ma Grid on va faire une Ellipse. Je vais la nommer. EllipseBouton et puis je vais dire que cette Ellipse va être remplie, donc je vais utiliser sa propriété Fill avec une couleur un peu visible, comme DarkGoldenrod, ça sonne bien, c'est sûrement très joli. A l’intérieur de mon ellipse, je vais ajouter un petit effet, donc je vais utiliser une Propriété de l'Ellipse qui s'appelle BitmapEffect, et de ce BitmapEffect je vais faire une propriété, ici déclarée en tant qu'élément parce qu'elle est un peu complexe et je vais ajouter un effet qui s'appelle BlurBitmapEffect. Voyez qu'il y a plusieurs types d’effets. Et là je vais blurer, c'est-à-dire je vais adoucir, je vais rendre flou les bordures de mon ellipse. Je vais mettre un radius de cinq de façon à ce que ça se voit un peu. Mon Ellipse étant faite, je suis toujours dans ma Grid, je vais quand même rajouter le contenu du bouton, c'est-à-dire le texte que j'ai mis sur le bouton. Pour ça, je doit ajouter un ContentPresenter : quelque chose qui va présenter du contenu, avec un Content que je vais aller chercher sur le Binding du Template, c'est-à-dire que le Template va contenir des données qui sont bindées, qui sont liées automatiquement à partir du conrôle originel. Je vais utiliser une syntaxe particulière qui s'appelle TemplateBinding, pour dire que je veux lier le contenu à ce ContentPresenter. Je vais aligner au centre que ce soit horizontalement et verticalement. Voilà. Et donc, ma Grid, mon ControlTemplate, ça devrait suffir. J'ai un joli bouton. Je récupère son nom ici et je vais choisir pour mon bouton, celui-ci qui s'appelle Se Connecter, je vais aller le chercher dans la structure du document, c'est le bouton Connection, c'est bien ça je vais aller le chercher en XAML, il est là. Je vais lui rajouter un Template, tout simplement. Je vais lui dire, tonTemplate, il faut que je récupère une ressource. Vous vous souvenez qu'on est en haut, dans notre dictionnaire de ressources, sur notre fenêtre. Je dois donc utiliser ici une extension Markup pour dire, il faut que tu récupères une Ressource Statique qui vient du dictionnaire de ressources et qui s'appelle JoliBouton. Voilà qui est fait, on essaye. Maginifique résultat. Alors là, ça amène un cachet extraordinaire à mon application SQLTrismegiste et en plus ça marche !

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 !