Créer ou modifier un modèle

L’apparence d’un contrôle est définie par le modèle appliqué au contrôle sur la planche graphique. Le modèle comprend les objets contenus dans le contrôle. Par exemple, le modèle d’un contrôle TextBox contient un objet Border nommé Bd, qui contient lui-même un objet ScrollViewer nommé PART_ContentHost. L’objet ScrollViewer affiche le contenu du contrôle TextBox lorsque le modèle de contrôle est appliqué à un contrôle TextBox sur la planche graphique.

Les modèles par défaut des contrôles système utilisent un thème dynamique qui change l’apparence des contrôles en fonction de la version de Windows que votre application utilise. Toutefois, si vous modifiez le modèle d’un contrôle système, votre contrôle aura la même apparence dans toutes les versions.

Pour plus d’informations, voir la rubrique « Thèmes » dans Application d’un style à un contrôle prenant en charge les modèles.

Les modèles de contrôle sont enregistrés sous forme de ressources que vous pouvez appliquer à d’autres contrôles du même type.

Pour créer un modèle de contrôle

1. Dans le panneau Objets et chronologie ou sur la planche graphique, sélectionnez l’objet à partir duquel vous souhaitez créer un modèle de contrôle et effectuez l’une des opérations suivantes :

   • Dans le menu Objet, pointez sur Modifier le modèle.

   • Cliquez avec le bouton droit sur l’objet, puis pointez sur Modifier le modèle.

   • Dans la barre de navigation en haut de la planche graphique, cliquez sur le nom de l’objet.

2. Dans le menu déroulant qui s’affiche, effectuez l’une des opérations suivantes :

   • Pour créer un modèle vide, cliquez sur Créer un élément vide.

   • Pour créer un nouveau modèle basé sur le modèle actuellement utilisé par l’objet sélectionné (qu’il s’agisse du modèle par défaut de l’objet, ou d’un modèle personnalisé précédemment créé), cliquez sur Modifier une copie.

     Remarque :
     Si l’option Modifier l'élément actuel est activée, un modèle est déjà appliqué à cet objet. Vous pouvez également choisir de modifier ce modèle.

   La boîte de dialogue Créer la ressource Style apparaît. Ceci s’explique par le stockage des modèles de contrôles dans une ressource de style.

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

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

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

     Conseil :

     Dans le code XAML de l’objet de style qui sera créé, un attribut nommé TargetType sera défini au type d’objet pour lequel vous créez le style. Un attribut x:Key sera défini seulement si vous avez tapé un nom de clé (la première option de cette étape). La présence d’un attribut x:Key permet uniquement d’appliquer le style aux objets qui spécifient le style par le nom de clé. En l’absence d’un attribut x:Key , le style s’applique à tous les objets de ce type. Par exemple, l’objet style dans l’exemple de code suivant ne sera pas appliqué à tous les boutons de 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 et choisissez une option dans le menu déroulant.

   • 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 dans le menu déroulant ou en créer un en cliquant sur Nouveau.

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

   Conseil :
   En fait, vous créez ainsi une nouvelle ressource de modèle dans un style. Celle-ci deviendra une ressource locale pouvant être affichée et modifiée aisément à l’aide du bouton Modifier la ressource du panneau Ressources.

6. Notez la barre de navigation Microsoft Expression Blend en haut de la planche graphique.

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

   

   En cliquant sur les boutons de la barre de navigation, vous pouvez basculer rapidement entre le mode d’édition de modèle, le mode d’édition de style et l’étendue d’édition d’objet pour l’objet sélectionné. La barre 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. Modifiez votre modèle en ajoutant ou en réorganisant les objets enfants.

8. Vous pouvez modifier l’apparence ou le comportement de votre objet selon les résultats de l’interaction utilisateur en effectuant l’une des opérations suivantes :

   • Si vous travaillez dans un projet Windows Presentation Foundation (WPF), sélectionnez un déclencheur dans le panneau Déclencheurs pour activer l’enregistrement de déclencheur, puis apportez les modifications aux objets de votre modèle. Si le déclencheur souhaité n’existe pas, vous pouvez en créer un. Par exemple, pour créer un déclencheur afin de gérer le clic d’un objet Bouton, cliquez sur Ajouter un déclencheur de propriété, affectez la valeur IsPressed=True au déclencheur, sélectionnez le nouveau déclencheur, puis effectuez les modifications nécessaires.

     Pour plus d’informations sur les déclencheurs, voir Utilisation de déclencheurs pour la définition du comportement d'un contrôle WPF.

     Pour plus d’informations, voir Conseils d'utilisation des styles simples WPF.

     Attention :
     Le changement des aspects du modèle d’un contrôle peut compromettre la fonctionnalité du contrôle. Pour plus d’informations, voir « Méthodes conseillées » dans Application d’un style à un contrôle prenant en charge les modèles.

   • Si vous travaillez dans un projet Microsoft Silverlight, sélectionnez un état dans le panneau États pour activer l’enregistrement de l’état, puis apportez les modifications aux objets de votre modèle. Si le type d’objet prend en charge les parties, vous pouvez affecter celles du modèle à différents objets. Par exemple, vous pouvez importer une conception graphique en tant qu’objets Image, puis convertir les nouveaux objets en parties du modèle. Les états fonctionnent avec les parties du modèle pour modifier l’apparence de votre objet en réponse à l’interaction utilisateur.

     Pour plus d’informations, voir Conception de styles pour les parties d’un modèle de contrôle Silverlight et Conseils de conception de styles pour les contrôles Silverlight courants.

   • Pour ajouter une interactivité à votre objet, vous pouvez créer des états dans le panneau États, puis utiliser le comportement GoToStateAction à modifier entre les états selon un événement.

     Pour plus d’informations, voir Définition d'états visuels différents pour un contrôle.

   • Vous pouvez écrire un code qui est exécuté en réponse à un événement. Dans la vue Événements du panneau Propriétés, double-cliquez dans le champ d’entrée en regard d’un nom d’événement pour ajouter une méthode de gestionnaire d’événements au fichier code-behind de votre document.

     Pour plus d’informations, voir Écriture de code de gestion des événements.

9. Pour quitter l’étendue d’édition du style, cliquez sur le bouton Rétablir l’étendue à dans le panneau Objets et chronologie. Vous revenez à l’étendue de modification du document.

   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 afin d’indiquer que l’objet est maintenant lié à cette ressource de style.

Pour modifier un modèle personnalisé existant

Sur la planche graphique ou dans le panneau Objets et chronologie, cliquez sur un objet pour le sélectionner, puis effectuez l’une des opérations suivantes :

• Dans la barre de navigation en haut de la planche graphique, cliquez sur le troisième bouton.

  

• Dans le menu Objet, pointez sur Modifier le modèle, puis cliquez sur Modifier l'élément actuel.

• Cliquez avec le bouton droit sur l’objet, pointez sur Modifier le modèle, puis cliquez sur Modifier l'élément actuel.

• Dans le panneau Propriétés, cliquez sur Options avancées  en regard de la propriété Style (elle devrait être mise en surbrillance en vert, car vous avez précédemment appliqué un style à cet objet), puis cliquez sur Modifier la ressource dans le menu contextuel. Une fois dans l’étendue de modification du style, cliquez avec le bouton droit sur l’objet Style dans le panneau Objets et chronologie, pointez sur Modifier le modèle, puis cliquez sur Modifier l'élément actuel.

  Remarque :
  Si l’option Modifier l'élément actuel est désactivée, aucun modèle n’a été appliqué à l’objet.

  Conseil :
  Vous pouvez rapidement lier un modèle depuis le mode d’édition du modèle en cliquant sur Options avancées en regard du panneau Propriétés à laquelle vous souhaitez ajouter une liaison puis en cliquant sur Liaison de modèle.

  Expression Blend entre dans l’étendue de modification du modèle.

Pour ouvrir un modèle à partir du panneau Ressources

1. Dans le panneau Ressources, localisez votre nom de ressource, puis cliquez sur le bouton Modifier la ressource en regard du nom.

   Expression Blend entre dans l’étendue de modification du style.

2. Une fois dans l’étendue d’édition du style, cliquez avec le bouton droit sur l’objet Style dans le panneau Objets et chronologie, pointez sur Modifier le modèle, puis cliquez sur Modifier le modèle actuel.

   Expression Blend entre dans l’étendue de modification du modèle.

Voir aussi

Tâches

Créer un contrôle utilisateur à partir d'objets existants

Concepts

Conseils de conception de styles pour les contrôles Silverlight courants
Conseils d'utilisation des styles simples WPF

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