Partager via


Ajouter ou supprimer un déclencheur

Cette page s’applique uniquement aux projets WPF

Vous pouvez utiliser des déclencheurs pour commencer ou arrêter des chronologies d’animation ou modifier les 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 graduelle 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 dans la section Essayez ! de Styles simples.

  • Déclencheur d’événements   Mécanisme par lequel un événement (tel qu’un clic de souris) déclenche une chronologie d’animation. Les déclencheurs d’événements peuvent être définis sur un objet de la planche graphique, dans le style ou le modèle d’un contrôle 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 dans la section Essayez ! de Styles simples.

Pour plus d’informations, voir Vue d’ensemble des déclencheurs.

Cc295196.alert_note(fr-fr,Expression.10).gifRemarque :

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 un déclencheur dans l’étendue d’édition de votre document principal qui lancera une chronologie d’animation dans le modèle de contrôle d’un bouton, même si ce bouton 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. Sous 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 des parties du contrôle (Modèle), puis cliquez sur Modifier une copie.

    La boîte de dialogue Créer la ressource Style s’affiche.

    Cc295196.alert_note(fr-fr,Expression.10).gifRemarque :

    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 de la Présentation générale des contrôles.

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

    Cc295196.alert_note(fr-fr,Expression.10).gifRemarque :

    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 de la Présentation générale des contrôles. Pour plus d’informations sur les options de la boîte de dialogue Créer la ressource Style, voir Créer une ressource de style et Créer ou modifier un modèle de contrôle.

  4. Sous Déclencheurs, il peut déjà exister des déclencheurs de propriété définis pour contrôler les états tels que IsEnabled=True. Si aucun état ne convient pour votre déclencheur, cliquez sur le bouton Ajouter un déclencheur de propriétéCc295196.9871399d-14aa-4955-9934-04f33700f273(fr-fr,Expression.10).png.

    Un déclencheur de propriété par défaut (MinWidth = 0) est ajouté à la liste et est sélectionné pour é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 activée.

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

    Cc295196.alert_note(fr-fr,Expression.10).gifRemarque :

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

  6. Pour changer une propriété si votre déclencheur est activé, sélectionnez tout simplement un objet sous 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 actionCc295196.d02551d0-d56a-4ca3-9d5f-58fbc6bda0c3(fr-fr,Expression.10).png 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 le bouton Étendue supérieureCc295196.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(fr-fr,Expression.10).png. Appuyez sur F5 pour exécuter votre application et tester le nouveau déclencheur.

Cc295196.7e183f1f-37d8-4dcb-980c-19a5d61ca087(fr-fr,Expression.10).gifHaut de la page

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

  1. Sous 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. Sous Déclencheurs, cliquez sur le bouton Ajouter un déclencheur d’événementsCc295196.671c69bb-32e9-4ef9-9837-29403524abd0(fr-fr,Expression.10).png.

    • Un déclencheur par défaut est ajouté (Quand Window.Loaded se déclenche).
  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, changez Quand Window.Loaded se déclenche en Quand textBox.MouseMove se déclenche.

    Cc295196.alert_note(fr-fr,Expression.10).gifRemarque :

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

  4. Pour contrôler une chronologie d’animation si votre déclencheur est activé, cliquez sur le bouton Ajouter une nouvelle actionCc295196.d02551d0-d56a-4ca3-9d5f-58fbc6bda0c3(fr-fr,Expression.10).png en regard de Quand checkBox.MouseMove se déclenche.

    • 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 Quand checkbox.MouseMove se déclenche et est définie à Begin.

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

Cc295196.7e183f1f-37d8-4dcb-980c-19a5d61ca087(fr-fr,Expression.10).gifHaut de la page

Pour supprimer un déclencheur

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

    Cc295196.alert_note(fr-fr,Expression.10).gifRemarque :

    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 le bouton Supprimer le déclencheurCc295196.d31907a6-867b-4e16-b860-f07c9531fbd7(fr-fr,Expression.10).png.

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

Cc295196.7e183f1f-37d8-4dcb-980c-19a5d61ca087(fr-fr,Expression.10).gifHaut de la page