Binding Property with TintColor

[souravanand001]

I can see

if i hardcode color name in TintColor it works.

<Image Source="testImage.png">
    <Image.Behaviors>
        <toolkit:IconTintColorBehavior TintColor="Red"/>
    </Image.Behaviors>
</Image>

If i set StaticResource in TintColor it works, but it doesn’t work when i use Binding property.

<Image Source="testImage.png">
    <Image.Behaviors>
        <toolkit:IconTintColorBehavior TintColor="{Binding color}"/>
    </Image.Behaviors>
</Image>

Any idea for this?

[pictos]

Behaviors don't inherit the BindingContext from their parent, so you have to use a relative binding... Here's a sample of how to do it.

[pictos]

Check the what's the BindingContext of the ContentView I believe it will not be a ViewModel

[jbm-sg]

Yes,

// ...
    internal static readonly BindableProperty IconColorProperty = BindableProperty.Create(nameof(IconColor), typeof(Color), typeof(Chips), new Color());
    public Color IconColor
    {
        get => (Color)GetValue(IconColorProperty);
        set => SetValue(IconColorProperty, value);
    }

    public Chips()
    {
        InitializeComponent();
        var ctx = BindingContext; // ctx Type = DesignSystem.Maui.Controls.Chips (this user control)
    }
}

Chips is reuse in page like this :

<!-- ... -->
<uc:Chips Grid.Column="2" HorizontalOptions="End" Label="My label" Color="Red" IconColor="Green"/>
<!-- ... -->

[jbm-sg]

It seem the property IconColor was not raise on changed. The breakpoint on set was not passed.

[jbm-sg]

The color was set but the component not updated :

[jbm-sg]

OK, I found it... I forgot to pass the icon path. :D

I confirme that work with this syntaxe :

<!-- this = x:Name -->
TintColor="{Binding Source={x:Reference this}, Path=IconColor}"

Thanks for your help.

[CliffAgius]

Closed as answered