Discussion :

[Caillou63]

Bonjour,

Je cherche à intégrer une feuille de style css à une page wpf. Pour l'instant tous ce que j'ai trouvé sur google c'est des tutoriaux qui intègrent la définition des styles dans la page wpf. Du coup, je suis obligé de répéter la définition des styles dans chaque page, chose que je ne veux pas.
Est-il possible d'intégrer une Css à mes pages wpf et d'appeler les styles.

Merci de votre aide,

Cordialement,

Caillou

[Marcolinho]

Alors oui, tu peux faire en sorte que ca marche comme des CSS
il suffit dans ton projet de créer un Dictionnaire de Ressources (ResourceDictionary).

Tu mets tout tes styles à l'intérieur de ce fichier XAML.

Dans le fichier Application.xaml tu ajoutes :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <!-- Skin par défaut -->
                <ResourceDictionary Source="CheminRelatif\TonResourceDictionary.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>

Enfin dans tes composants, tu fais une liaison aux styles comme ceci :

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<monComposant Style="{StaticResource monStyle}" />
ou
<monComposant Style="{DynamicResource monStyle}" />
ou encore
<monComposant Background="{StaticResource/DynamicResource monBackground}" />

[Caillou63]

Bonjour,

Merci pour la réponse, je test de suite mais si tout se passe bien le sujet est clôt ^^.

Merci de votre aide.

Cordialement

Caillou

[Thomas Lebrun]

Est-il possible d'intégrer une Css à mes pages wpf et d'appeler les styles.

CSS et WPF sont 2 technologies différentes: WPF utilise le principe des CSS pour la gestion des styles mais c'est tout.

[Caillou63]

Bonjour,

Je viens de finir mon fichier de style. Lorsque j'essaye de l'utiliser, il est inopérant.

Code du fichier de style (Generic.xaml) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style x:Key="TextBoxStyle" TargetType="{x:Type TextBox}">
        <Setter Property="FontFamily" Value="Trebuchet" />
        <Setter Property="FontSize" Value="12" />
    </Style>
 
    <Style x:Key="BackGroundPage" TargetType="{x:Type Page}">
        <Setter Property="Page.Background" Value="Blue" />
    </Style>
 
    <Style x:Key="BackGroundWindow" TargetType="{x:Type Window}">
        <Setter Property="Window.Background" Value="#A4B4AB"></Setter>
    </Style>
 
</ResourceDictionary>

Code dans la page XAML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<Window x:Class="Fen"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="FenPrinc" Height="768" Width="1024" Style="{DynamicResource BackGroundWindow}">

Je pense que je dois mal faire quelque chose mais je ne vois pas quoi.

Merci pour votre aide.

Cordialement,

Caillou

[Marcolinho]

Tu as fait la liaison dans les ressources de Application.xaml ?

[Thomas Lebrun]

dans les ressources de Application.xaml ?

Ou au niveau niveau du fichier XAML directement

[Caillou63]

Ou au niveau niveau du fichier XAML directement

Le but de faire un fichier séparé est de ne pas avoir à mettre les définitions styles dans chaque page car avoir à se taper à chaque fois les styles...........

Cordialement,

Caillou.