Animation fade de couleur du bouton (mouse enter)

**Naografix** · 21/02/2015, 14h01

Bonjour !

J'ai besoin d'un peu d'aide pour mon application en WPF :

En fait, je veux faire une animation quand ma souris passe sur mon bouton, comme cette application:

Je peux changer la couleur de mon bouton, mais c'est instantané, il n'y a pas d'animation de fondu.

J'utilise ce code:

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
  <Button Height="50" Width="50" Margin="23,4,969,4" Grid.Row="1">
 
        <Button.Style>
            <Style TargetType="{x:Type Button}">
                <Setter Property="Background" Value="Green"/>
                <Setter Property="Template">
                    <Setter.Value>
                            <ControlTemplate TargetType="{x:Type Button}">
                                <Border Background="{TemplateBinding Background}">
                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="DarkGoldenrod"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Button.Style>
 
        </Button>

Et si vous savez faire aussi l'animation de déroulement, je suis preneur

! Ce serait cool

Merci pour votre aide!

**Pragmateek** · 21/02/2015, 19h52

Voici une solution :

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
<Trigger Property="IsMouseOver" Value="True">
	<Trigger.EnterActions>
		<BeginStoryboard>
			<Storyboard Storyboard.TargetProperty="Background.Color">
				<ColorAnimation To="DarkGoldenrod" Duration="00:00:01"></ColorAnimation>
			</Storyboard>
		</BeginStoryboard>
	</Trigger.EnterActions>
	<Trigger.ExitActions>
		<BeginStoryboard>
			<Storyboard Storyboard.TargetProperty="Background.Color">
				<ColorAnimation Duration="00:00:00.50" To="Green"></ColorAnimation>
			</Storyboard>
		</BeginStoryboard>
	</Trigger.ExitActions>
</Trigger>

Me semble qu'il y a plus simple mais ça fait le job.

**Naografix** · 22/02/2015, 16h13

Yeah, merci de ta soulution, j'essaye ca des que je serais chez moi !

Par contre je ne connais pas trop le wpf et du coup les trigger je ne sais pas les utiliser

Comment je met ce trigger dabs mon bouton ? De la même façon que mon exemple ? Dans le Style.Trigger ?

Merci en tout cas !