WPF OnMouseEnter change image using events - wpf

Question

Is it possible to access a specific resource in the xaml using events?
I'm trying to have the image change when mouse enters a grid, but the problem is I don't have access to change the image from the event.
I want to do something like:
OnMouseEnter(object sender, MouseEventArgs e) {
((Image)GetResource("logo")).Source = "pathToImage.jpg";
}
Where 'logo' is the name of the image resource.

Answer 1

It seems you're just trying to set the Source property of an Image element declared somewhere in your XAML. All you need to do is to set the x:Name attribute, which will generate a member in your Window class, like
<Image x:Name="image"/>
Now you directly access the element in code behind, and assign a value to its Source property like this:
image.Source = new BitmapImage(new Uri("pathToImage.jpg"));

Answer 2

If the element you are attaching the OnMouseEnter on is a FrameworkElement then you can try do something like the following:
OnMouseEnter(object sender, MouseEventArgs e) {
var element = sender as FrameworkElement;
var image = element.FindResource("logo") as Image;
image.Source = new BitmapImage(new Uri("pathToImage.jpg"));
}
Otherwise you may have to change your "resource" from:
<Image x:Key="logo" Source="initialImage.jpg" />
to something like:
<Image x:Key="logo" Source="{Binding Source={x:Static LogoImage.SingletonInstance}, Path=Logo}" />
And have a class something along the lines of:
public class LogoImage : INotifyPropertyChanged {
public static LogoImage SingletonInstance { get; } = new LogoImage();
public ImageSource Logo { get; private set; }
public void SetLogo(ImageSource image)
{
Logo = image;
RaiseNotifyPropertyChanged(nameof(Logo));
}
// Implement INotifyPropertyChanged
}