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

Définir différents états visuels et durées de transition pour un contrôle utilisateur

Lorsque vous créez votre propre contrôle utilisateur, vous pouvez ajouter des états personnalisés et des groupes d’états pour définir une apparence différente pour chaque état de votre contrôle utilisateur. Par exemple, si votre contrôle utilisateur représente une carte de lecture, vous souhaiterez peut-être un état FaceUp et FaceDown.

Remarque Remarque

Dans un projet Silverlight, lorsque vous modifiez le modèle d’un contrôle système, tel qu’un bouton, les états et les groupes d’états par défaut sont déjà présents. Vous ne pouvez pas ajouter de nouveaux groupes d’états ou ajouter des états.

Pour définir un groupe d’état pour votre contrôle utilisateur

  1. Si vous n'avez pas encore de contrôle utilisateur, vous pouvez en créer un dans votre projet et ouvrir le fichier XAML à modifier.

    Pour plus d'informations, consultez Créer un contrôle utilisateur dans votre projet.

    Conseil Conseil

    Vous pouvez également définir des groupes d’états pour votre document principal (généralement Page.xaml).

  2. Le volet États affiche l’apparence par défaut des objets dans votre contrôle utilisateur. Vous pouvez sélectionner Base à chaque fois que vous souhaitez quitter le mode enregistrement de l’état, quand vous souhaitez ajouter des objets supplémentaires à votre document par exemple.

    JJ169828.2daa57d7-1466-43ca-86e8-960aaa384148(fr-fr,VS.120).png
  3. Sous États, cliquez sur Ajouter le groupe d’état JJ169828.15176e71-c966-415f-8fc6-18d8263cc140(fr-fr,VS.120).png.

    Un nouveau groupe d’état est ajouté, le nom est mis en surbrillance et vous pouvez entrer un nouveau nom.

    JJ169828.b3335795-6267-4f9d-8fa2-618c40ff2f32(fr-fr,VS.120).png

    Vous pouvez désormais ajouter des états au groupe d’état ou ajouter des groupes d’états supplémentaires.

Pour ajouter des états à un groupe d’états

  1. En regard du nom d’un groupe d’état sous États, cliquez sur Ajouter l’état JJ169828.d7b5fc2f-1470-48fc-bd81-b09bf261168f(fr-fr,VS.120).png.

    Un nouvel état est ajouté au groupe d’état, le nom est mis en surbrillance et vous pouvez entrer un nouveau nom.

    JJ169828.91a3aada-a295-40c0-bed8-c7bc572df7d9(fr-fr,VS.120).png
  2. Sélectionnez l’état pour activer l’enregistrement de l’état. Les modifications apportées à l’apparence des objets dans votre document seront enregistrées pour l’état sélectionné.

    JJ169828.59996960-c66b-4be0-abc9-5509c79f3a5d(fr-fr,VS.120).png
    Conseil Conseil

    Lorsque vous spécifiez des états et des groupes d’états, considérez tous les états visuels que vous souhaitez voir affichés pour votre contrôle utilisateur, puis identifiez les états que vous ne souhaitez pas afficher simultanément. Vous devez répertorier ces états dans le même groupe d’état étant donné qu’un seul état dans un groupe d’état peut être affiché en même temps. Par exemple, l’image suivante affiche un contrôle utilisateur qui représente une carte dans un jeu de cartes. Deux groupes d'état sont définis : MouseInteraction et SideDisplayed. Le groupe d’état MouseInteraction comprend les états pour Click, MouseOver et Normal, états qui ne sont pas affichés simultanément. Le groupe d’état SideDisplayed comprend les états qui affichent le recto de la carte (FaceUp) et le verso (FaceDown). Vous pouvez disposer d’une carte sur son recto et passer le pointeur de la souris dessus simultanément, étant donné que ces états sont dans des groupes d’états différents.

    JJ169828.4fecf399-1962-4668-86e7-efe1a485cbc1(fr-fr,VS.120).png

Pour définir le temps de transition pour votre contrôle utilisateur pour passer d’un état à l’autre

  • Pour définir le temps de transition pour votre contrôle utilisateur pour passer d’un état à l’autre dans un groupe d’état, cliquez dans la zone de texte Transition par défaut et entrer une durée. Cette opération définit le temps nécessaire à votre contrôle utilisateur pour passer d’un état à l’autre dans le groupe d’états.

    JJ169828.d1eabf30-62d2-47ae-a52b-453c702b9358(fr-fr,VS.120).png
  • Pour substituer le temps de transition par défaut pour vos transitions spécifiques, cliquez sur Ajouter une transition JJ169828.2fe2c349-41aa-4cc0-b1d3-3ff7d5aed33d(fr-fr,VS.120).png en regard d’un état, puis sélectionnez la transition spécifique dans la liste qui apparaît. L’élément de liste mis en surbrillance par le pointeur de la souris dans l’image suivante indique « de l’état Click vers tout autre état » où la flèche correspond à « vers » et l’étoile (*) à « tout autre état ».

    JJ169828.1ed8d611-1ce5-4101-ad73-54aa166c4e9a(fr-fr,VS.120).png

    Cliquez dans la zone de texte Durée de la transition et entrez une nouvelle durée.

    JJ169828.de14af5e-81fd-4f47-a668-41552a565714(fr-fr,VS.120).png

Afficher: