Définition d'états visuels différents pour un contrôle

Article
10/11/2017

Vous pouvez créer une interactivité dans votre application en définissant une apparence visuelle différente pour chaque état visuel dans lequel peut se trouver votre contrôle UserControl, votre contrôle de fenêtre, de page ou de modèle, puis en ajoutant des comportements ou un code pour basculer entre ces états en fonction de l'interaction des utilisateurs. Vous pouvez modifier la transition entre deux combinaisons d'états, et même créer des animations qui s'exécuteront la première fois que vous accéderez à un état.

Groupes d'états

Un groupe d'états contient les éventuels états visuels faisant partie de la même catégorie logique et ne pouvant pas être affichés simultanément. Un seul état d’un groupe d’états peut être affiché à la fois, mais un état d’un groupe peut être affiché en même temps qu’un état d’un autre groupe d’états.

Par exemple, si vous travaillez avec une commande UserControl symbolisée par une carte à jouer, vous pourriez avoir un groupe d'états nommé SideDisplayed (côté affiché) comprenant les états qui affichent le recto des cartes (FaceUp) et le verso (FaceDown). Vous pourriez aussi avoir un groupe d'états nommé MouseInteraction (Interaction souris) comprenant des états qui modifient l'aspect de la carte lorsque le pointeur est placé dessus (MouseOver) et que vous cliquez sur la carte (Click). Vous pouvez disposer d’une carte sur son recto et passer le pointeur dessus simultanément, étant donné que ces états sont dans des groupes d’états différents. En revanche, le recto et le verso d'une carte ne peuvent pas être affichés simultanément : ces deux états peuvent donc se trouver dans le même groupe d'états.

Groupes d'états et états d'une carte à jouer

Ee371169.4fecf399-1962-4668-86e7-efe1a485cbc1(FR-FR,Expression.30).png

Pour plus d’informations, voir Définir différents états visuels et durées de transition pour un contrôle utilisateur.

États

Lorsque vous sélectionnez un état, l'enregistrement de l'état est activé et toutes les modifications que vous effectuez sont enregistrées pour cet état. Pour désactiver l'enregistrement de l'état, cliquez sur le bouton d'enregistrement Ee371169.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(FR-FR,Expression.30).png ou sélectionnez Base dans le panneau États. Si vous souhaitez modifier l'aspect d'un état dans un groupe d'états tout en visualisant le contrôle dans l'état d'un autre groupe d'états, vous pouvez épingler un aperçu du deuxième état pendant le mode enregistrement pour le premier état.

Pour plus d’informations, voir Définir différents états visuels et durées de transition pour un contrôle utilisateur.

Pour alterner entre les états, vous pouvez utiliser le comportement GoToStateAction ou écrire un code dans un gestionnaire d'événements.

Pour plus d’informations, voir Modifier des états en réponse à l’interaction de l’utilisateur.

Transitions

Vous pouvez prolonger la durée de transition entre les états en cas de changement d'état. Vous pouvez définir la durée de transition pour un groupe d'états entier ou pour les transitions qui se produisent entre des combinaisons spécifiques d'états.

Définition de la durée de transition pour tous les états d'un groupe d'états

Ee371169.d1eabf30-62d2-47ae-a52b-453c702b9358(FR-FR,Expression.30).png

Définition de la durée de transition seulement pour les transitions entre l'état Click et tous les autres états.

Ee371169.1ed8d611-1ce5-4101-ad73-54aa166c4e9a(FR-FR,Expression.30).png

Pour plus d’informations, voir Modifier la durée de transition entre les changements d’états et Définir différents états visuels et durées de transition pour un contrôle utilisateur.

Pour créer une transition fluide entre les états qui modifient les propriétés de disposition qui sont des valeurs discrètes (telles que les numéros de colonne ou de ligne) ou définies automatiquement (comme la largeur et la hauteur), vous pouvez utiliser la disposition fluide.

Pour plus d’informations, voir Transition douce entre les changements de disposition.