Eu estou aprendendo C # e XAML para criar aplicativos do Windows. Eu queria criar um botão que tenha uma imagem como plano de fundo. Mas ao passar o mouse sobre o botão, o plano de fundo do botão deve mudar para outra imagem "realçada". Eu tentei adicionar as imagens de fundo em Resources.resx. Eu tive que criar um botão personalizado usando estilos xaml para se livrar do efeito de destaque padrão de um botão wpf.

Eu criei um botão personalizado de algum código que encontrei no SO. O código é (em um novo dicionário de recursos):

    <!-- This style is used for buttons, to remove the WPF default 'animated' mouse over effect -->
    <Style x:Key="StartMenuButtons" TargetType="Button">
        <Setter Property="OverridesDefaultStyle" Value="True"/>
        <Setter Property="Margin" Value="5"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Name="border" 
                        BorderThickness="0" 
                        Background="{TemplateBinding Background}">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">


                        <!-- UPDATE THE BUTTON BACKGROUND -->
                        <Setter Property="Background" Value="WHAT GOES HERE"  TargetName="border"/>


                    </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

O que eu coloco para que o plano de fundo mude para outra imagem, seja no meu resources.resx ou em outro local? (Não tenho certeza onde colocar a imagem para acessá-lo). Eu procurei SO, mas as soluções que encontrei não eram exatamente o que eu estava lidando. Se esta é uma pergunta duplicada, peço desculpas.

Resumo:

Como faço para alterar a imagem de fundo de um botão em um mouse sobre o gatilho em XAML? Onde coloco a imagem para que ela possa ser acessada no código do gatilho?

Atualizar Isso é o que eu coloquei como a ação do gatilho, mas a imagem não é atualizada. Certifiquei-me de definir a ação de compilação da imagem para recurso e colocá-lo em uma pasta chamadaRecursos.

O código é:

<ControlTemplate.Triggers>
    <Trigger Property="IsMouseOver" Value="True">
        <Setter Property="Background">
          <Setter.Value>
             <ImageBrush ImageSource="/Simon;component/Resources/btn_bg_hover.jpg" />
          </Setter.Value>
        </Setter>
     </Trigger>

A estrutura do arquivo é

Simon
    Simon
        Resources
            all the images
        Fonts
        bin
        obj
        Properties

Solução

A seguir, o código completo para permitir uma mudança de imagem do mouse no botão:

<!-- This style is used for buttons, to remove the WPF default 'animated' mouse over effect -->
    <Style x:Key="StartMenuButtons" TargetType="Button">
        <Setter Property="OverridesDefaultStyle" Value="True"/>
        <Setter Property="Margin" Value="5"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Name="border" 
                        BorderThickness="0" 
                        Background="{TemplateBinding Background}">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" TargetName="border">
                            <Setter.Value>
                                <ImageBrush ImageSource="Resources/btn_bg_hover.jpg" />
                            </Setter.Value>
                        </Setter>

                    </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Para a imagem real, coloquei noRecursos pasta que está no diretório raiz. Depois de importar as imagens lá usando a ferramenta resources no visual studio, atualizei a imagemconfigurações de compilação paraRecurso no painel Propriedades.

Obrigado pela solução dbaseman