I have the following XAML markup, using WinUi 1.6.5, .NET 9 and C# 13.

This my DataTemplate for usage in an ItemView:

<DataTemplate x:DataType="MyModel">
    ...
    <Image x:Name="Image1" Grid.Row="0" Grid.Column="1" Height="16" />
    <Image x:Name="Image2" Grid.Row="1" Grid.Column="1" Height="16" />
</DataTemplate>

In my model class, I have the following properties:

public string Type => ""; // Can be either Case1 or Case2
public string TypeImageUri => "/Assets/picture.png";

Now I would like to assign that TypeImageUri to one of that Image controls depending on the Type property, like this:

<Image x:Name="Image1" Grid.Row="0" Grid.Column="1" Height="16">
    <interactivity:Interaction.Behaviors>
        <interactivity:DataTriggerBehavior Binding="{Binding Type}" ComparisonCondition="Equal" Value="Case1">
            <interactivity:ChangePropertyAction TargetObject="{Binding ElementName=Image1}" PropertyName="Source" Value="{x:Bind TypeImageUri}" />
        </interactivity:DataTriggerBehavior>
    </interactivity:Interaction.Behaviors>
</Image>

Unfortunately, it's not working, it seems that's not the meaning of the matter of Behaviors. Is there some way to make this approach work? I don't want to have to do this in code.

Best regards

I have the following XAML markup, using WinUi 1.6.5, .NET 9 and C# 13.

This my DataTemplate for usage in an ItemView:

<DataTemplate x:DataType="MyModel">
    ...
    <Image x:Name="Image1" Grid.Row="0" Grid.Column="1" Height="16" />
    <Image x:Name="Image2" Grid.Row="1" Grid.Column="1" Height="16" />
</DataTemplate>

In my model class, I have the following properties:

public string Type => ""; // Can be either Case1 or Case2
public string TypeImageUri => "/Assets/picture.png";

Now I would like to assign that TypeImageUri to one of that Image controls depending on the Type property, like this:

<Image x:Name="Image1" Grid.Row="0" Grid.Column="1" Height="16">
    <interactivity:Interaction.Behaviors>
        <interactivity:DataTriggerBehavior Binding="{Binding Type}" ComparisonCondition="Equal" Value="Case1">
            <interactivity:ChangePropertyAction TargetObject="{Binding ElementName=Image1}" PropertyName="Source" Value="{x:Bind TypeImageUri}" />
        </interactivity:DataTriggerBehavior>
    </interactivity:Interaction.Behaviors>
</Image>

Unfortunately, it's not working, it seems that's not the meaning of the matter of Behaviors. Is there some way to make this approach work? I don't want to have to do this in code.

Best regards

• c#
• winui-3
• winui
• windows-app-sdk
• community-toolkit-mvvm

• You can use value converter (IValueConverter). Bind to the Type and let converter to return the image you need depending of the property value. – Serg Commented Feb 16 at 20:32

1 Answer 1

I agree with the suggestion in the comments. This seems to be easier with a value converter. Or with a function maybe. (I have a video for this.)

I tried to reproduce your issue and created a test app based on your code but it worked. My first guess is that the image files are not set as Content.