Appliquer un style à un contrôle d'affichage de données

Les données sont affichées en liant des éléments de données à des objets sur la planche graphique. Vous pouvez lier des éléments de données aux propriétés des objets, que vous liiez une valeur de chaîne qui représente la valeur hexadécimale d'une couleur à la propriété Background d'un rectangle ou une collection d'éléments de données à la propriété ItemsSource d'un objet ListBox.

Pour donner un style à un objet qui affiche des données, vous pouvez modifier les propriétés de cet objet ou, si cet objet prend en charge les modèles, vous pouvez modifier un des modèles appliqués à l'objet.

Modifier les propriétés de l'objet dans le panneau Propriétés

Lorsque vous sélectionnez un objet sur la planche graphique, vous pouvez modifier les valeurs dans le panneau Propriétés pour changer l'apparence et d'autres aspects de cet objet.

Par exemple, vous pouvez modifier les en-têtes de chaque colonne dans l'objet DataGrid après avoir lié l'objet aux données.

Modification du texte de l'en-tête de colonne dans un objet DataGrid

Vous pouvez également utiliser la propriété AlternatingRowBackground dans un objet DataGrid pour définir la couleur de chaque ligne.alternée.

Modification de la couleur des lignes alternées d'un objet DataGrid

Pour des informations générales sur la modification des objets, voir Utiliser des objets et des propriétés.

Pour des informations spécifiques sur les propriétés d'objets individuels, voir les rubriques des bibliothèques de classes pour l'application Windows Presentation Foundation (qui commencent à System.Windows.Controls Namespace) et Microsoft Silverlight (qui commencent à System.Windows.Controls, espace de noms) sur MSDN.

Modifier un des modèles appliqués à l'objet

Si l'objet est un contrôle qui utilise des modèles, vous pouvez modifier ces modèles pour changer l'apparence de cet objet et de tous les autres objets qui utilisent les mêmes modèles.

La majorité des contrôles utilisent différents modèles pour différentes parties du contrôle. Par exemple, le contrôle ListBox utilise de nombreux modèles imbriqués pour donner un style à chaque partie du ListBox. une visionneuse à défilement, des barres de défilement, les curseurs des barres de défilement et les boutons de pagination.

L'imbrication des modèles dans le contrôle ListBox

	Un contrôle ListBox. Le contrôle ListBox est un conteneur pour une liste d'éléments, lié aux éléments dans une source de données ou affichant des objets individuels non liés.
	Un contrôle ScrollViewer dans le modèle ListBox.
	Un élément non lié dans le contrôle ListBox.
	Un contrôle ScrollBar vertical dans le modèle ScrollViewer.
	Un contrôle Thumb vertical dans le modèle ScrollBar.
	Un contrôle RepeatButton vertical dans le modèle ScrollBar pour réduire la valeur du contrôle ScrollBar dans les incréments importants.
	Un contrôle RepeatButton vertical dans le modèle ScrollBar pour réduire la valeur du contrôle ScrollBar dans les petits incréments.

Le contrôle ListBox contient également un modèle de données qui donne un style aux éléments apparaissant dans chaque ligne de l'objet. Le modèle de données est spécifique aux éléments que vous liez à l'objet. Par exemple, si vous déplacez un élément de données de chaîne et un élément de données d'image du panneau Donnés à un ListBox, le modèle de données contiendra un objet TextBlock pour afficher la chaîne et un objet Image pour afficher le fichier image. Vous pouvez donner un style à ces objets dans le modèle de données.

Le modèle de données d'un objet ListBox qui est lié aux données

Vous pouvez donner une apparence très différente de l'apparence par défaut à un contrôle Par exemple, l'apparence par défaut d'un objet ListBox ressemble approximativement à cela :

Un objet ListBox utilisant le modèle par défaut

Cependant, en modifiant les modèles, vous pouvez donner une apparence à un objet ListBox ressemblant à l'apparence suivante (de l'exemple ColorSwatchSL inclus dans Microsoft Expression Blend) :

L'objet ListBox utilisant deux modèles modifiés (ItemContainerStyle et ItemsPanel)

Pour accéder aux modèles appliqués aux objets, cliquez avec le bouton droit sur l'objet ou sélectionnez l'objet et utilisez la barre de navigation en haut de la planche graphique.

Ouverture d'un modèle en utilisant la barre de navigation

Dans le modèle, vous pouvez ajouter, supprimer et modifier des objets comme vous le feriez à l'extérieur du modèle. La fonction du contrôle ListBox reste la même : il contient une liste d'éléments sélectionnables.

Pour des exemples spécifiques sur la modification des modèles de données, voir Utiliser le contrôle DataGrid et Utiliser le contrôle TreeView.

Pour des informations plus générales sur le style des contrôles, voir Conception de styles pour des objets.

Pour des informations détaillées sur les parties d'un contrôle ou d'un modèle, voirConseils de conception de styles pour les contrôles Silverlight courants, ou voir les rubriques des bibliothèques de classe pour l'application Windows Presentation Foundation (qui commencent à System.Windows.Controls Namespace) et Silverlight (qui commencent à System.Windows.Controls, espace de noms) sur MSDN.

Vous trouverez également des didacticiels et des vidéos sur les styles des contrôles dans la rubrique Découvrir Expression Blend.

Voir aussi

Concepts

Conseils de conception de styles pour le contrôle ListBox

SimpleListBox et SimpleListBoxItem

Conception de styles pour des objets