Ajouter ou supprimer un déclencheur à partir d’un contrôle WPF

Vous pouvez utiliser des déclencheurs pour commencer ou arrêter des chronologies d’animation ou modifier des propriétés des objets. Il existe deux types de déclencheurs :

• Déclencheur de propriété    Mécanisme par lequel une modification dans une propriété (par exemple la propriété IsPressed ) déclenche une modification instantanée dans une autre propriété ou une modification progressive au moyen d’une chronologie animée. Vous pouvez définir des déclencheurs de propriété dans le style ou le modèle d’un contrôle.

  Pour obtenir des exemples de définition de déclencheurs de propriétés dans les styles simples de contrôles courants, voir les rubriques sous Conseils d'utilisation des styles simples WPF.

• Déclencheur d’événements    Mécanisme par lequel un événement (tel qu’un Click de souris) déclenche une chronologie d’animation. Les déclencheurs d’événements peuvent être définis sur n’importe quel objet de la planche graphique, dans le style ou le modèle d’un contrôle, dans un contrôle utilisateur ou dans la racine de votre document.

  Pour obtenir des exemples de définition de déclencheurs d’événements dans les styles simples de contrôles courants, voir les rubriques sous Conseils d'utilisation des styles simples WPF.

Pour plus d’informations, voir Utilisation de déclencheurs pour la définition du comportement d'un contrôle WPF.

Remarque :

Les déclencheurs sont ajoutés dans la même étendue que la chronologie d’animation qu’ils manipulent. Par exemple, vous ne pouvez pas définir dans l’étendue d’édition de votre document principal un déclencheur qui lancera une chronologie d’animation dans le modèle de contrôle d’un bouton, même si celui-ci se trouve dans votre document. Vous pouvez cependant définir un déclencheur dans le modèle de contrôle qui lancera une animation dans ce dernier. Il en va de même pour les animations contenues dans des contrôles utilisateur qui sont ajoutés à votre document.

Pour ajouter un déclencheur de propriété

1. Dans le panneau Object et chronologie, sélectionnez le contrôle dont vous souhaitez modifier le style ou le modèle.

2. Dans le menu Objet, effectuez l’une des actions suivantes :

   • Pour modifier le style du contrôle, pointez sur Modifier le style, puis cliquez sur Modifier une copie.

   • Pour modifier le modèle du contrôle, pointez sur Modifier le modèle, puis cliquez sur Modifier une copie.

   La boîte de dialogue Créer la ressource Style apparaît.

   Pour plus d’informations sur les styles et les modèles, et pour voir un tableau de comparaison, voir la section « Styles et modèles » dans Sélection et utilisation de contrôles interactifs.

3. Cliquez sur OK pour quitter la boîte de dialogue et ouvrir le style ou le modèle à modifier.

   Remarque :

   Cette procédure est très simplifiée afin de mettre l’accent sur la définition de déclencheurs de propriété. Pour plus d’informations sur les différences entre les styles et les modèles, voir la section « Styles et modèles » dans Sélection et utilisation de contrôles interactifs. Pour plus d’informations sur les options de la boîte de dialogue Créer la ressource Style, voir Créer un style et Créer ou modifier un modèle.

4. Dans le panneau Déclencheurs, il peut déjà exister des déclencheurs de propriété définis pour les états de contrôle tels que IsEnabled=True . Si aucun état ne convient pour votre déclencheur, cliquez sur Ajouter un déclencheur de propriété.

   Un déclencheur de propriété par défaut ( MinWidth=0 ) est ajouté à la liste et est sélectionné à des fins d’édition. La planche graphique passe également en mode enregistrement pour le déclencheur.

5. Cliquez sur les flèches déroulantes sous Activé quand pour modifier la propriété et la valeur qui activeront votre déclencheur. Par exemple, si vous modifiez le modèle d’un contrôle de case à cocher, vous pouvez sélectionner target-element.IsChecked=true afin d’activer votre déclencheur lorsque la case à cocher est sélectionnée.

   Vous pouvez maintenant spécifier ce qui se passera si votre déclencheur est activé.

   Remarque :
   Si vous souhaitez changer la propriété target-element en nom d’élément de votre modèle, vous devez tout d’abord sélectionner l’élément dans le panneau Objets et chronologie.

6. Pour faire changer une propriété si votre déclencheur est activé, sélectionnez un objet dans le panneau Objets et chronologie puis modifiez une propriété dans le panneau Propriétés. Cela fonctionne car vous êtes en mode d’enregistrement du déclencheur.

   Le changement de propriété apparaît sous Propriétés une fois actif.

7. Pour contrôler une chronologie d’animation si votre déclencheur est activé, cliquez sur le bouton Ajouter une nouvelle action en regard de Actions lors de l’activation.

   • Si aucune chronologie d’animation n’est disponible à la sélection, la boîte de dialogue Chronologie nécessaire s’ouvre et vous invite à créer une chronologie. Cliquez sur OK et créez votre animation en définissant des images clés et en modifiant des objets.

   • S’il existe une chronologie d’animation, une liste déroulante contenant la chronologie s’affiche ainsi qu’une option permettant d’en créer une nouvelle.

   La chronologie s’affiche sous Actions lors de l’activation et est définie à Begin.

8. Pour quitter le mode d’édition du style ou du modèle, cliquez sur Rétablir l’étendue à . Appuyez sur F5 pour exécuter votre application et tester le nouveau déclencheur.

Pour ajouter un déclencheur d’événement

1. Dans le panneau Objets et chronologie, sélectionnez un objet qui, lors de l’interaction, activera votre déclencheur. Par exemple, pour activer votre déclencheur lorsque l’utilisateur déplace le pointeur de la souris sur une zone de texte, sélectionnez la zone de texte.

2. Dans le panneau Déclencheurs, cliquez sur Ajouter un déclencheur d’événements.

   • Un déclencheur par défaut est ajouté ( When Window.Loaded is raised ).

3. Cliquez sur les flèches déroulantes pour modifier l’événement qui activera votre déclencheur. Par exemple, pour activer votre déclencheur lorsque l’utilisateur déplace le pointeur de la souris sur une zone de texte, remplacez When Window.Loaded is raised par When textBox.MouseMove is raised .

   Remarque :
   Si vous souhaitez changer l’événement Window en nom d’élément de votre modèle, vous devez tout d’abord sélectionner l’élément dans le panneau Objets et chronologie.

4. Pour contrôler une chronologie d’animation si votre déclencheur est activé, cliquez sur le bouton Ajouter une nouvelle action  en regard de When checkBox.MouseMove is raised .

   • Si aucune chronologie d’animation n’est disponible à la sélection, la boîte de dialogue Chronologie nécessaire s’ouvre et vous invite à créer une chronologie. Cliquez sur OK et créez votre animation en définissant des images clés et en modifiant des objets.

   • S’il existe une chronologie d’animation, une liste déroulante contenant la chronologie s’affiche ainsi qu’une option permettant d’en créer une nouvelle.

   La chronologie s’affiche sous When checkBox.MouseMove is raised et a la valeur Begin .

5. Appuyez sur F5 pour exécuter votre application et tester le nouveau déclencheur.

Pour supprimer un déclencheur

1. Dans le panneau Déclencheurs, sélectionnez le déclencheur à supprimer.

   Remarque :
   Si le déclencheur à supprimer se trouve dans un style ou un modèle de contrôle, assurez-vous que vous êtes en mode édition de ce style ou modèle.

2. Cliquez sur Supprimer le déclencheur.

3. Le déclencheur est supprimé de la liste.

Copyright © 2011 Microsoft Corporation. Tous droits réservés.