Discussion :

[Ikes72000]

Bonjour à tous.

Je suis entrain de développer une petite application WPF, pour laquelle je souhaite harmoniser les styles graphiques.
Je souhaite entre autre supprimer les effets de style lorsque la souris passe sur un contrôle.

Dans mon appli, j'ai donc créé un "ResourceDictionary" et j'y ai défini mes styles.

Code xaml :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 
    <!--Textbox-->
    <Style x:Key="TextBoxStyle" TargetType="{x:Type TextBox}">
        <Setter Property="BorderBrush" Value="Gray"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Style.Triggers>
            <Trigger Property="TextBox.IsFocused" Value="False">
                <Setter Property="BorderBrush" Value="Gray"/>
                <Setter Property="BorderThickness" Value="1"/>
            </Trigger>
            <Trigger Property="TextBox.IsMouseOver" Value="True">
                <Setter Property="BorderBrush" Value="Gray"/>
                <Setter Property="BorderThickness" Value="1"/>
            </Trigger>
        </Style.Triggers>
    </Style>
 
    <Style x:Key="PasswordBoxStyle" TargetType="{x:Type PasswordBox}">
        <Setter Property="BorderBrush" Value="Red"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Style.Triggers>
            <Trigger Property="IsFocused" Value="True">
                <Setter Property="BorderBrush" Value="Gray"/>
                <Setter Property="BorderThickness" Value="1"/>
            </Trigger>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="BorderBrush" Value="Gray"/>
                <Setter Property="BorderThickness" Value="1"/>
            </Trigger>
        </Style.Triggers>
    </Style>
 
</ResourceDictionary>

Dans ma fenêtre principale, j'ai le code suivant:

Code xaml :

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

1
2
3
        <Grid.Resources>
            <ResourceDictionary Source="Resources/Styles.xaml"/>
        </Grid.Resources>

puis j'applique le style de la façon suivante:

Code xaml :

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

1
2
3
4
5
6
7
        <TextBox IsEnabled="{Binding IsChecked, ElementName=_lockParameterMenuItem, Converter={StaticResource Negate}}"
                 Style="{StaticResource TextBoxStyle}"
                 Grid.Row="4" Grid.Column="3"> 
            <TextBox.Text>
                <Binding ElementName="AccountSettings" XPath="Player/@Name" Mode="TwoWay"/>
            </TextBox.Text>
        </TextBox>

Le style de base est bien appliqué à ma TextBox, SAUF pour les triggers. Celui-ci n'est pas pris en compte lorsque ma Textbox a le focus ou que la souris passe dessus.

Ai je omis quelque chose?

Merci.

[Ikes72000]

Bonjour,

J'ai toujours mon soucis avec les triggers de style.
J'ai essayé diverses choses trouvées ici où là sur le net, mais sans résoudre mon problème.

Personne n'a été confronté à ce problème?

[worm83]

Salut,

Fait attention quand tu override un style il est de bon usage de partir sur une copie généré par visual studio, pour cela tu fait click droit sur ton composant dans le designer =w edit a template => edit a copy.

Quand tu ne passe pas par une copie il arrive que tu es des comportement "bizarre".

[Ikes72000]

Salut,

Fait attention quand tu override un style il est de bon usage de partir sur une copie généré par visual studio, pour cela tu fait click droit sur ton composant dans le designer =w edit a template => edit a copy.

Quand tu ne passe pas par une copie il arrive que tu es des comportement "bizarre".

Merci, je vais testé çà dans la soirée et vous tiendrai au courant.

[Kyroon]

Bonjour,

Je pense que ton problème vient du fait que tu spécifie TextBox dans tes Triggers.
Supprime les et ça devrait mieux fonctionner.

Code xaml :

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

<Trigger Property="IsFocused" Value="False">

Bonne continuation.

[worm83]

Bonjour,

Je pense que ton problème vient du fait que tu spécifie TextBox dans tes Triggers.
Supprime les et ça devrait mieux fonctionner.

Code xaml :

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

<Trigger Property="IsFocused" Value="False">

Bonne continuation.

Oui bien vu.

Mais ma remarque précédente reste valable.

[Ikes72000]

Bonsoir,

J'ai appliqué les conseils de worm83, et cela a fonctionné.

Salut,

Fait attention quand tu override un style il est de bon usage de partir sur une copie généré par visual studio, pour cela tu fait click droit sur ton composant dans le designer =w edit a template => edit a copy.

Quand tu ne passe pas par une copie il arrive que tu es des comportement "bizarre".

Je me retrouve donc avec ce code dans les ressources de l'application.

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
18
19
20
21
22
23
24
        <Style x:Key="TextBoxCustom" BasedOn="{x:Null}" TargetType="{x:Type TextBox}">
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
            <Setter Property="BorderBrush" Value="Gray"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Padding" Value="1"/>
            <Setter Property="AllowDrop" Value="true"/>
            <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TextBox}">
                        <Themes:ListBoxChrome x:Name="Bd" BorderBrush="Gray" BorderThickness="1" RenderMouseOver="False" RenderFocused="False" SnapsToDevicePixels="true">
                            <ScrollViewer x:Name="PART_ContentHost" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                        </Themes:ListBoxChrome>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

J'ai mis à False les valeurs de "RenderMouseOver" et "RenderFocused", et j’obtiens l'effet désiré. Désormais, j'ai une bordure qui ne change plus de couleur quand le contrôle à le focus ou que la souris passe dessus.

Un grand merci à tous.

Cdt.

Ikes