Estoy aprendiendo C # y XAML para construir aplicaciones de Windows. Quería crear un botón que tenga una imagen como fondo. Pero cuando se desplaza sobre el botón, el fondo del botón debería cambiar a otra imagen "resaltada". Intenté agregar las imágenes de fondo en Resources.resx. Tuve que crear un botón personalizado utilizando los estilos xaml para deshacerme del efecto de resaltado predeterminado de un botón wpf.

Creé un botón personalizado de un código que encontré en SO. El código es (en un nuevo diccionario 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>

¿Qué coloco para que el fondo cambie a otra imagen, ya sea en mi resources.resx u otra ubicación? (No estoy seguro de dónde colocar la imagen para acceder a ella). Busqué SO, pero las soluciones que encontré no eran exactamente con las que estoy tratando. Si esta es una pregunta duplicada, me disculpo.

Resumen:

¿Cómo cambio la imagen de fondo de un botón en un mouse sobre el activador en XAML? ¿Dónde coloco la imagen para poder acceder a ella en el código de activación?

Actualizar Esto es lo que he puesto como acción de activación, pero la imagen no se actualiza. Me aseguré de configurar la acción de creación de imagen en un recurso y ponerla en una carpeta llamadaRecursos.

El código es:

<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>

La estructura del archivo es

Simon
    Simon
        Resources
            all the images
        Fonts
        bin
        obj
        Properties

Solución

El siguiente es el código completo para permitir un cambio de imagen con el mouse sobre el botón:

<!-- 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 la imagen actual, la coloqué en elRecursos carpeta que se encuentra en el directorio raíz. Después de importar las imágenes allí usando la herramienta de recursos en Visual Studio, actualicé la imagen.crear configuraciones aRecurso en el panel Propiedades.

Gracias por la solución dbaseman