WPF - Mudar imagem quando clicar

Question

Pessoal, alguém sabe qual é o comando em WPF para mudar a imagem do botão quando clicar ou quando passar o mouse?

Obrigada.

Answer 1

Boa tarde amigo,

Vou tentar ajudar você,

No botão há um evento chamado IsMouseOver que é ativado quando o usário passa o mouse sobre o botão.

Utilize esse evento para fazer o que precisa,

Segue um exemplo:

<Style TargetType="{x:Type Button}">
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid Background="DarkOrange">
                                <Grid Margin="2" Background="White">
                                    <DockPanel>
                                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Content="{TemplateBinding Content}"/>
                                    </DockPanel>
                                </Grid>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>

Nesse caso eu não coloquei uma imagem, mas pode utilizar esse como exemplo

Answer 2

Boa tarde, a solução do Jeferson funciona perfeitamente também, abaixo segue um solução sem alterar o Template do botão

<Button x:Name="meuBotao">
            <Image Source="caminhoImagemAtual">
                <Image.Style>
                    <Style TargetType="Image">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding IsMouseOver, ElementName=meuBotao}">
                                <Setter Property="Source" Value="caminhoOutraImagen"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Image.Style>
            </Image>
        </Button>

Espero ter ajudado.