Créer une ressource de style

Vous pouvez utiliser le style d’un contrôle dans un projet Microsoft Expression Blend 2 pour spécifier les déclencheurs (WPF) ou les propriétés et les états (Silverlight 2) qui seront utilisés par défaut par le contrôle auquel le style est appliqué. Les propriétés (telles que la couleur du pinceau d’arrière-plan) affectent l’aspect du contrôle, et les déclencheurs ou les états déterminent comment le contrôle répond aux changements de propriétés et aux événements. Par exemple, lorsque l’utilisateur positionne la souris au-dessus du contrôle, la propriété IsMouseOver change de False à True et l’événement MouseOver se déclenche. Vous pouvez créer un style pour un bouton qui provoque le changement de la couleur d’arrière-plan du bouton lorsque le pointeur de la souris passe au-dessus du bouton. Si vous souhaitez modifier la structure d’un contrôle, créez un modèle au lieu d’utiliser les procédures dans Créer ou modifier un modèle de contrôle.

Comme un style est une ressource, vous pouvez enregistrer le style séparément du bouton, puis appliquer la ressource de style à d’autres objets boutons. Pour plus d’informations sur les ressources, voir Vue d’ensemble des ressources dans ce Guide de l’utilisateur.

Pour créer une nouvelle ressource de style pour un contrôle

1. Sur la planche graphique ou sous Objets et chronologie dans le panneau Interaction, sélectionnez l’objet à partir duquel vous souhaitez créer un style.

2. Dans le menu Objet, pointez sur Modifier le style, puis effectuez l’une des opérations suivantes :

   • Pour créer un nouveau style vide, cliquez sur Créer un élément vide. Pour des contrôles de forme (tels que Rectangle) et des contrôles de texte (tels que TextBox), c’est la seule option disponible.

   • Pour créer un nouveau style basé sur le style actuellement utilisé par l’objet sélectionné (que le style soit le style par défaut pour l’objet ou un style personnalisé que vous avez créé précédemment), cliquez sur Modifier une copie.

   La boîte de dialogue Créer la ressource Style apparaît.

3. Sous Nom de la ressource (Clé), effectuez l’une des opérations suivantes :

   • Pour créer un nouveau style nommé pour l’élément, entrez un nom de clé. C’est le nom par lequel d’autres éléments peuvent faire référence au style, appliquant ainsi le style.

   • Pour créer un style qui sera utilisé par tous les éléments de ce type, sélectionnez Appliquer à tous.

     Conseil :

     Dans le code XAML de l’élément de style qui sera créé, un attribut nommé TargetType sera défini au type d’élément pour lequel vous créez le style. Un attribut x:Key sera défini seulement si vous avez entré un nom de clé (la première option ci-dessus). La présence d’un attribut x:Key permet uniquement d’appliquer le style aux éléments qui spécifient le style par nom. En l’absence d’un attribut x:Key, le style s’applique à tous les éléments de ce type. Par exemple, l’élément de style ci-dessous ne sera pas appliqué à tous les boutons sur la planche graphique. <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"...

4. Sous Définir dans, sélectionnez le nom de l’emplacement où vous souhaitez définir le style :

   • Pour que le style soit disponible dans tout document de votre application, sélectionnez Application.

   • Pour que le style soit disponible seulement dans le document actuel, sélectionnez Ce document (Window: Window)

   • Pour définir le style dans un fichier de dictionnaire de ressources pouvant être réutilisé dans d’autres projets, sélectionnez Dictionnaire de ressources. Vous pouvez ensuite sélectionner un fichier de dictionnaire de ressources existant ou en créer un nouveau.

     Remarque :
     Les dictionnaires de ressources ne sont pas pris en charge dans Silverlight 2.

5. Cliquez sur OK pour quitter la boîte de dialogue et ouvrir le style pour modification.

   Conseil :
   En fait, vous créez ici une nouvelle ressource de style. Celle-ci deviendra une ressource locale pouvant être affichée et modifiée aisément à l’aide du panneau Ressources.

6. Notez le nouveau chemin de navigation Expression Blend 2 en haut de la planche graphique.

   Chemin de navigation avec mode de modification de modèle sélectionné

   

   En cliquant sur les boutons du chemin de navigation, vous pouvez facilement vous déplacer entre le mode de modification de modèle, le mode de modification de style et l’étendue de modification d’objet de l’objet sélectionné. Le chemin de navigation apparaît pour n’importe quel objet sélectionné qui possède un style ou un modèle personnalisé qui lui a été appliqué.

7. Ajoutez votre propriété et vos déclencheurs d’événements dans le panneau Interaction. Pour obtenir un exemple de déclencheurs à définir, voir Créer un bouton à partir d’un objet dans ce Guide de l’utilisateur, ou les rubriques Essayez sous Styles simples.

8. Pour quitter l’étendue de modification du style, cliquez sur le bouton Étendue supérieure sous Objets et chronologie.

   Vous revenez à l’étendue d’édition dans laquelle vous travailliez précédemment.

   Conseil :
   Notez qu’une fois que vous avez créé ou appliqué une ressource de style à un objet, une mise en surbrillance verte apparaît dans le panneau Propriétés pour la propriété Style de l’objet sélectionné, afin d’indiquer que l’objet est maintenant lié à cette ressource de style.

Voir aussi

Concepts

Appliquer une ressource de style

Vue d'ensemble des styles et modèles

Styles simples