Dfyjkt

I am making an RPG in WPF and C#. I have movement buttons with images attached. I am trying to figure out how to change the image of the button depending on if there is a room available to move to in that direction. I have looked up converters but I am not quite sure how to implement them for my situation.

This is one example I have tried to implement that I found online:

<Button Content="Binding MyBooleanValue, Converter=StaticResource 
MyBooleanToImageConverter" />


public object Convert(object value, Type targetType, object parameter, 
System.Globalization.CultureInfo culture)

bool v = (bool)value;

Uri path = new Uri((v ? "ImgSrcIfTrue.png" : "ImgSrcIfFalse.png"), UriKind.Relative);

return new Image()

 Source = new System.Windows.Media.Imaging.BitmapImage(path),
Height = ...,
Width = ...,
;

Here is part of the code I am working on

<!-- Movement Buttons -->
<Button Grid.Row="1" Grid.Column="1"
 Click="OnClick_MoveNorth">
 <StackPanel>
 <Image Source= "/Image/Buttons/Up.png"/>
 </StackPanel>
 </Button>

I already have functions for the boolean values, i am just trying to figure out how to implement a Converter to change the button image.

I have used the Boolean Visibility and hoping to do something similar.

Visibility="Binding HasMonster, Converter=StaticResource BooleanToVisibility"

Better bind the Source property of an Image element in the Content of the Button:

<Button>
 <Image Source="Binding MyBooleanValue,
 Converter=StaticResource MyBooleanToImageConverter"/>
</Button>

The converter would directly return a BitmapImage. If the image files are supposed to be assembly resources (i.e. they are part of your Visual Studio project and their Build Action is set to Resource), they must be loaded from Pack URIs:

public class BooleanToImageConverter : IValueConverter

 public object Convert(
 object value, Type targetType, object parameter, CultureInfo culture)
 
 var uri = (bool)value
 ? "pack://application:,,,/ImgSrcIfTrue.png"
 : "pack://application:,,,/ImgSrcIfFalse.png";
 return new BitmapImage(new Uri(uri));
 

 public object ConvertBack(
 object value, Type targetType, object parameter, CultureInfo culture)
 
 throw new NotSupportedException();
 

You would add the converter to the Window's Resources like this:

<Window.Resources>
 <local:BooleanToImageConverter x:Key="MyBooleanToImageConverter"/>
 ...
</Window.Resources>