SimpleButton

Le bouton est un contrôle de contenu , qui réagit à un événement Click . Vous pouvez placer du contenu dans un bouton dans Microsoft Expression Blend en double-cliquant sur le bouton et en y dessinant un objet. Si vous souhaitez placer plusieurs objets dans le bouton, vous devez d’abord ajouter un panneau de disposition tel qu’une Grid ou un Canvas . Un bouton peut également afficher du texte par défaut ; vous pouvez modifier le texte en cliquant avec le bouton droit sur le bouton, puis en cliquant sur Modifier le texte.

Vue de planche graphique d’un contrôle SimpleButton

Composition du modèle de contrôle

Le modèle de contrôle SimpleButton est composé des éléments suivants :

• Panneau de disposition Grid    Utilisé pour contenir plusieurs objets enfants dans le bouton. La Grid est également utilisée pour vous permettre d’ajouter plus facilement des objets au modèle. Par exemple, si l’objet racine est un contrôle Border et si vous tentez d’ajouter un autre objet, l’autre objet remplace l’objet ContentPresenter car le contrôle Border ne prend en charge qu’un seul enfant.

• Objet Border    Utilisé parce qu’il inclut une propriété BorderThickness pouvant être liée par modèle à la propriété BorderThickness du contrôle de bouton auquel le modèle est appliqué.

• ContentPresenter    Utilisé pour afficher la propriété Content du bouton auquel le modèle est appliqué. Cet objet doit être présent pour afficher le contenu du bouton.

Déclencheurs de propriété utilisés

Des déclencheurs de propriété dans le modèle de contrôle sont utilisés pour que le contrôle réagisse aux changements de propriétés. Vous pouvez cliquer sur les éléments dans le panneau Déclencheurs pour voir les propriétés qui sont changées lorsqu’un déclencheur est actif. Par exemple, dans le modèle SimpleButton , lorsque la propriété IsMouseOver prend la valeur True , l’arrière-plan de l’objet Border adopte la couleur de la ressource MouseOverBrush .

Pinceaux utilisés

Les ressources pinceau suivantes dans le dictionnaire de ressources SimpleStyles.xaml sont utilisées par le modèle SimpleButton  :

• La propriété Background est définie à l’aide de : NormalBrush lorsqu’aucun déclencheur n’est actif, MouseOverBrush lorsque IsMouseOver a la valeur True , PressedBrush lorsque IsPressed a la valeur True et DisabledBackgroundBrush lorsque IsEnabled a la valeur False .

• La propriété Border est définie à l’aide de : NormalBorderBrush lorsqu’aucun déclencheur n’est actif, DefaultBorderBrush lorsque IsKeyboardFocused a la valeur True , PressedBorderBrush lorsque IsPressed a la valeur True et DisabledBorderBrush lorsque IsEnabled a la valeur False .

• La propriété Foreground est définie à l’aide de l’élément DisabledForegroundBrush lorsque IsEnabled a la valeur False .

Recommandations et directives de conception

• En général, utilisez un contrôle Grid en tant que racine de votre modèle si vous prévoyez qu’un concepteur ajoute d’autres éléments visuels à votre contrôle. Expression Blend cherche un panneau de disposition comme le contrôle Grid et le rend actif par défaut pour que les nouveaux éléments qui sont ajoutés à la planche graphique se retrouvent en tant qu’éléments enfants du panneau de disposition.

• Des déclencheurs de propriétés sont utilisés pour changer l’aspect du contrôle selon l’action de l’utilisateur, par exemple un clic de bouton. Les déclencheurs de propriétés sont préférables aux déclencheurs d’événements car il faut deux déclencheurs d’événements (par exemple, pour les événements MouseDown et MouseUp ) pour effectuer le même travail qu’un déclencheur de propriété (par exemple, pour l’état IsPressed ). Cependant, des déclencheurs d’événements peuvent être utilisés pour démarrer une chronologie d’animation pour des contrôles plus compliqués.

• En règle générale, vous affectez à un pinceau ou à un changement visuel les états IsMouseOver , IsPressed et IsEnabled ( False ). En outre, vous pouvez utiliser l’état IsKeyboardFocused qui est généralement employé pour afficher une ligne pointillée autour du contrôle.

Voir aussi

Tâches

Essayez ! Attribuer un style à un bouton à l'aide d'effets
Essayez ! Ajouter de l’animation à un bouton
Essayez ! créer un bouton de substitution

Copyright © 2011 Microsoft Corporation. Tous droits réservés.