Discussion :

[obito]

Bonjour tout le monde,

voila dans le cadre de mon stage j'ai commencé à bosser sur WPF. Je suis confronté maintenant à un problème assez étrange (il ne l'est peut être pas autant que ça...) concernant le changement d'un background d'un button lorsque je passe la souris dessus voici un exemple qui fonctionne (très largement basé sur le tuto de THomas Lebrun):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<Grid.Resources>
                    <Style TargetType="{x:Type Button}" x:Key="Bouton">
                        <Style.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Button.Background" Value="Red" />
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </Grid.Resources>
<!--..... -->
                <Button Style="{StaticResource Bouton}" Width="121" Height="24.5" HorizontalAlignment="Right" Margin="0,0,70,27" VerticalAlignment="Bottom" Content="Test" />

Mais voici celui qui en fonctionne pas :

Code :

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

1
2
3
4
5
6
7
8
9
<Button Style="{StaticResource Bouton}" Height="23" Margin="165,0,197,27" Name="button1" VerticalAlignment="Bottom" Click="button1_Click" BorderBrush="White" BorderThickness="2" Foreground="White">
                    <Button.Content>Modifier name 1</Button.Content>  
                    <Button.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF181919"/>
                            <GradientStop Color="#FF45464b" Offset="1"/>
                        </LinearGradientBrush>
                    </Button.Background>
                </Button>

Si quelqu'un pouvait m'expliquer en quoi le fait d'appliquer un dégradé à une influence sur le changement de couleur lors d'un évènement je lui en serais reconaissant.

Merci d'avance

[obito]

Je vais le mettre en résolu mais j'espère que quelqu'un me proposera quelque chose de plus "optimisé" :

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
25
26
27
28
29
30
31
32
33
 <Style TargetType="{x:Type Button}" x:Key="Bouton">
                        <Setter Property="BorderBrush">
                            <Setter.Value>
                                White
                            </Setter.Value>
                        </Setter>
                        <Setter Property="Foreground">
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFFFF"/>
                                    <GradientStop Color="AntiqueWhite" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF181919"/>
                                    <GradientStop Color="#FF45464b" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
 
                        </Setter>
                        <Style.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background">
                                    <Setter.Value>
                                        Red
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                        </Style.Triggers>
                    </Style>

Ensuite j'applique le style sur le bouton voulu et ca fonctionne...