Partager via


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

Cette page s’applique uniquement aux projets Silverlight 2

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.

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

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 ne disposez pas déjà d’un contrôle utilisateur, vous pouvez Créer un contrôle utilisateur dans votre projet Silverlight 2 et ouvrir le fichier XAML pour le modifier.

    Dd185499.alert_tip(fr-fr,Expression.10).gifConseil :

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

  2. Le volet États dans le panneau Interaction 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.

    Dd185499.2daa57d7-1466-43ca-86e8-960aaa384148(fr-fr,Expression.10).png

  3. Sous États, cliquez sur le bouton Ajouter le groupe d’état Dd185499.46de5414-36ac-4603-9fd6-aa55fc2c8093(fr-fr,Expression.10).png.

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

    Dd185499.b3335795-6267-4f9d-8fa2-618c40ff2f32(fr-fr,Expression.10).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 le bouton Ajouter l’état Dd185499.1a937ec9-9a57-4cb9-9187-275e73c9fc8b(fr-fr,Expression.10).png.

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

    Dd185499.91a3aada-a295-40c0-bed8-c7bc572df7d9(fr-fr,Expression.10).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é.

    Dd185499.59996960-c66b-4be0-abc9-5509c79f3a5d(fr-fr,Expression.10).png

    Dd185499.alert_tip(fr-fr,Expression.10).gifConseil :

    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’états 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.

    Dd185499.4fecf399-1962-4668-86e7-efe1a485cbc1(fr-fr,Expression.10).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 Durée de la 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.

    Dd185499.d1eabf30-62d2-47ae-a52b-453c702b9358(fr-fr,Expression.10).png

  • Pour substituer le temps de transition par défaut pour des transitions spécifiques, cliquez sur le bouton Ajouter une transition Dd185499.6023baa2-015d-4eb5-93d4-7c79f0d69e90(fr-fr,Expression.10).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 ».

    Dd185499.1ed8d611-1ce5-4101-ad73-54aa166c4e9a(fr-fr,Expression.10).png

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

    Dd185499.de14af5e-81fd-4f47-a668-41552a565714(fr-fr,Expression.10).png

Dépannage

Étapes suivantes