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 élément. Si vous souhaitez placer plusieurs éléments dans le bouton, vous devez d’abord ajouter un panneau de disposition tel qu’une grille ou un canevas. 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 :

• Un panneau de disposition Grille, qui sert à contenir les multiples éléments enfants dans le bouton. La grille est également utilisée pour vous permettre d’ajouter plus facilement des éléments au modèle. Par exemple, si l’élément racine était une bordure et si vous avez tenté d’ajouter un autre élément, l’autre élément remplacerait l’élément ContentPresenter car le contrôle Border ne prend qu’un élément enfant.

• Un élément Border, qui est 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 ce modèle est appliqué.

• Un contrôle ContentPresenter, qui est utilisé pour afficher la propriété Content du bouton auquel le modèle est appliqué. Cet élément doit être présent pour afficher le contenu du bouton.

  Liste d’objets : éléments de base (modèle) d’un contrôle SimpleButton

  

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’élément 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 l’élément NormalBrush lorsqu’aucun déclencheur n’est actif, l’élément MouseOverBrush lorsque IsMouseOver a la valeur True, l’élément PressedBrush lorsque IsPressed a la valeur True, et l’élément DisabledBackgroundBrush lorsque IsEnabled a la valeur False.

• La propriété Border est définie à l’aide de l’élément NormalBorderBrush lorsqu’aucun déclencheur n’est actif, l’élément DefaultBorderBrush lorsque IsKeyboardFocused a la valeur True, l’élément PressedBorderBrush lorsque IsPressed a la valeur True, et l’élément 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 comme racine de votre modèle si vous prévoyez qu’un concepteur ajoutera des éléments visuels à votre contrôle. Expression Blend recherche un panneau de disposition comme le contrôle Grid et l’active par défaut afin que de nouveaux éléments ajoutés à la planche graphique deviennent des é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 général, il convient de définir un pinceau ou un changement visuel sur 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