Nous allons à présent voir comment utiliser les styles pour enrichir l'expérience utilisateur offerte par votre application.

Les styles WPF permettent de modifier n'importe quelle propriété d'un contrôle WPF (la hauteur, la largeur, la couleur d'arrière-plan, etc.) tout en factorisant les différents éléments, de façon à les centraliser pour pouvoir faciliter la modification des éléments.

Pour les utiliser, il est nécessaire de les placer dans les ressources d'un contrôle: tous les contrôles enfant hériteront alors automatiquement de ces styles. De plus, il est impératif de spécifier le type du contrôle sur lequel le style sera affecté.

Dans le fichier Window1.xaml, sous la ligne:

<Grid>

Rajoutez ceci, qui ne fait que déclarer un bouton en spécifiant certaines de ses propriétés:

<Button x:Name="btnStyle"
        Content="Bouton !"
        Background="Red"
        Foreground="Blue"
        Height="50"
        Width="100"
        HorizontalAlignment="Center"
        VerticalAlignment="Center" />

Nous allons voir comment utiliser les styles WPF pour factoriser ce code et faire en sorte de le rendre plus modulaire.

Avant la ligne:

<Grid>

Rajouter ce code:

<Window.Resources>
    <Style x:Key="ButtonStyle" 
TargetType="{x:Type Button}">
        <Setter Property="Background" 
Value="Red" />
        <Setter Property="Foreground" 
Value="Blue" />
        <Setter Property="Height" 
Value="50" />
        <Setter Property="Width" 
Value="100" />
        <Setter Property="HorizontalAlignment"
 Value="Center" />
        <Setter Property="VerticalAlignment" 
Value="Center" />
    </Style>
</Window.Resources>

Le cours et la solution de cet atelier sont disponibles en téléchargement gratuit.