Bind Image.Source according to Boolean without a converter?

wpf binding conditional boolean-expression converters
Shimmy Weitzhandler picture Shimmy Weitzhandler · Nov 3, 2009 · Viewed 12.6k times · Source

I want to have an image bound to a boolean and have the source of the image to depend on the boolean value

i.e. true source="image1" false source="image2"

I was wondering if there is a way to do it inline without need for a converter.

Answer

Grokys picture Grokys · Nov 3, 2009

You can create a style on the Image which uses a DataTrigger to swap the image source depending on a binding. In this example the image changes depending on the value of a boolean called simply "Value". 

    <Image Width="16">
        <Image.Style>
            <Style TargetType="{x:Type Image}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Value}" Value="False">
                        <Setter Property="Source" Value="Resources/image1.png"/>
                    </DataTrigger>
                    <DataTrigger Binding="{Binding Value}" Value="True">
                        <Setter Property="Source" Value="Resources/image2.png"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Image.Style>
    </Image>

Related questions

How to bind multiple values to a single WPF TextBlock?

I'm currently using the TextBlock below to bind the value of a property named Name: <TextBlock Text="{Binding Name}" /> Now, I want to bind another property named ID to the same TextBlock. Is it possible to bind two …

Read More
Datagrid binding in WPF

I know this has been asked already but I have done almost everything what is suggested by developers. <DataGrid x:Name="Imported" VerticalAlignment="Top" DataContext="{Binding Source=list}" AutoGenerateColumns="False" CanUserResizeColumns="True"> <DataGrid.Columns> <DataGridTextColumn …

Read More
Passing two command parameters using a WPF binding

I have a command which I am executing from my XAML file using the following standard syntax: <Button Content="Zoom" Command="{Binding MyViewModel.ZoomCommand}"/> This worked fine until I realized that I needed TWO pieces of information from …

Read More