Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Découvrir Windows Presentation Foundation

Appliquer un trigger de style

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Créez un trigger de style pour configurer l'affichage de certaines propriétés lorsqu'une propriété change de valeur.
04:22

Transcription

On va continuer à parler d'événement, mais cette fois-ci on va parler d'événement purement déclaratif, donc du XAML. Et pour cela, je vais vous parler des Triggers. Il y a plusieurs types et endroits où on peux faire des Triggers, et on va commencer au plus simple : faire un Trigger de style pour modifier l'affichage. Donc le Trigger, en anglais le Trigger ça veut dire un déclencheur, c'est quelque chose qui va nous permettre de déclencher un événement, en tous cas du comportement. Pour cela je vais créer un style spécifique dans ma collection de ressources, dans ma Window. J'ai déjà mon style pour mes TreeViews, j'ai un ControlTemplate, ce style pour les TreeView, c'est quelque chose qui a déjà été créé dans mon projet. ControlTemplate, on vient de le faire. Je vais rajouter ici un style particulier pour mon bouton que j'ai joliment décoré au préalable. Donc je vais l'appeler, pour que ça ne soit pas un style par défaut pour mes boutons, je vais devoir dire dans mon bouton que je veux utiliser ce style avec son nom, c'est-à-dire sa clé. Je vais l'appeler, par exemple, EffetBouton, très joli nom. Ensuite je définis bien sûr son TargetType comme Button. A l’intérieur de mon style, je ne vais pas vraiment faire de l'Affichage, mais je vais utiliser un Trigger. Donc vous vous souvenez, l'idée du style, c'est de modifier des propriétés assez simplement. Mon Trigger, ça va être aussi de réagir, assez simplement, à des propriétés et de les modifier. Donc je vais faire dans ma collection de Trigger de style un nouveau Trigger sur une propriété, il faut que je dise : « Tu réagis à un changement de valeur d'une propriété. » Il y a une propriété qui s'appelle IsMouseOver, très pratique pour savoir, si la souris est sur le contrôle en ce moment. Donc mon Trigger va dire : « Surveille cette propriété. » Et lorsque IsMouseOver a une valeur qui est à True, eh bien tu vas déclencher ce Trigger, ce déclencheur. Ce Trigger va attribuer des valeurs à d'autres propriétés, je vais utiliser des Setter pour dire, par exemple, ma propriété Foreground, c'est-à-dire je vais changer la couleur de ma police, je vais lui mettre une valeur à Red, en fait, une belle police rouge, si la souris se trouve sur le bouton, et pour que ce soit bien visible, je vais changer, aussi, le FontType ou FontStyle, oui, le FontStyle et je vais mettre de l'Italic. Voilà qui est fait. Vous noterez une chose, on va l'expérimenter, mais j'applique un Style, j'ai déjà un ConrolTemplate qui indique, comment le bouton va se comporter, et en fait, j'ai un contenu qui vient de mon bouton. Ici je le transforme à travers mon ControlTemplate, mais j'affiche, quand même, le contenu. Vous allez voir que quand je vais appliquer mon Style à mon bouton qui a déjà un Template, les deux vont se marier très élégamment, et je vais avoir les effets que je veux. C'est aussi très très souple et très intelligent, du point de vue de WPF, de permettre ce type de personnalisation de différentes manières pour augmenter la richesse de nos possibilités de design. Donc je vais sur mon Boutton qui est là, voilà, et j'ai déjà un template, je vais rajouter un Style. Vous vous souvenez, Extension Markup pour dire StaticResource et mon EffetBouton. Voyez ici que j'ai la liste de mes styles, c'est-à-dire des éléments de ressource statique qui peuvent être attribués à cette propriété. On essaye. Pour l'instant tout va bien, maintenant ma souris passe sur mon bouton, la propriété IsMouseOver est à True, et le Trigger se déclenche, modifie les propriétés, et puis ces propriétés redeviennent les valeurs par défaut lorsque la propriété IsMouseOver revient à False. C'est puissant, n'est-ce pas ?

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 !