Pour afficher l’article en anglais, activez la case d’option Anglais. Vous pouvez aussi afficher la version anglaise dans une fenêtre contextuelle en faisant glisser le pointeur de la souris sur le texte.
Traduction
Anglais

Ajouter ou supprimer un déclencheur à partir d’un contrôle WPF (Kit de développement logiciel Blend pour WPF)

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 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 de conception de styles pour les styles simples WPF dans Blend.

  • 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 de conception de styles pour les styles simples WPF dans Blend.

Pour plus d'informations, consultez Triggers.

Remarque 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 la modification des styles et modèles, voir Créer un style dans Blend et Créer ou modifier un modèle dans Blend.

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

    Remarque 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, consultez Triggers. Pour plus d’informations sur les options de la boîte de dialogue Créer la ressource Style, voir Créer une ressource dans Blend.

  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éJJ170748.9871399d-14aa-4955-9934-04f33700f273(fr-fr,VS.120).png.

    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 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 actionJJ170748.d02551d0-d56a-4ca3-9d5f-58fbc6bda0c3(fr-fr,VS.120).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 Rétablir l’étendue àJJ170748.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(fr-fr,VS.120).png. 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. Cliquez sur Ajouter un déclencheur d'événementsJJ170748.671c69bb-32e9-4ef9-9837-29403524abd0(fr-fr,VS.120).png. dans le panneau Déclencheurs .

    • 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 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 actionJJ170748.d02551d0-d56a-4ca3-9d5f-58fbc6bda0c3(fr-fr,VS.120).png, 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 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éclencheurJJ170748.d31907a6-867b-4e16-b860-f07c9531fbd7(fr-fr,VS.120).png.

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

Afficher: