Get error when I binde HexColor of Tint transformation

Hi, I use ffimageloading in the listView with a TintTransformation, so The binding works fine for image source but for HexColor I get error for missing property. I’v defined a string property for HexColor but It dosn’t accept such property:

`<flv:FlowListView SeparatorVisibility=“None” HasUnevenRows=“true” FlowItemTapped=“OnItemTapped” FlowColumnMinWidth=“60” FlowTappedBackgroundColor=“Blue” FlowTappedBackgroundDelay=“50” FlowItemsSource=“{Binding Items}” x:Name=“listView”>

<flv:FlowListView.FlowColumnTemplate>
  <DataTemplate>
    <Grid Padding="3">
      <Grid.RowDefinitions>
        <RowDefinition Height="*" />
      </Grid.RowDefinitions>
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
      </Grid.ColumnDefinitions>
      
      <ffimageloading:CachedImage x:Name="selectIcon" WidthRequest="50" HeightRequest="50" DownsampleToViewSize="true"
                                  Source = "{Binding IconPath, Converter={StaticResource ImageSourceConverter}}">
        <ffimageloading:CachedImage.Transformations>
          <fftransformations:TintTransformation HexColor="{Binding HexColor}" EnableSolidColor="true"/>
        </ffimageloading:CachedImage.Transformations>
      </ffimageloading:CachedImage>
      
    </Grid>
  </DataTemplate>
</flv:FlowListView.FlowColumnTemplate>

</flv:FlowListView>

My model is: public class Icons { public string IconPath { get; set; } public string HexColor { get; set; } }

any idea? Thanks

[EmmanVazz]

Oh HexColor is not defined as a bindable property.

You can make a PR to make it a bindable property, we just made a custom class to wrap that and have a bindable property.

public class TintedCachedImage : CachedImage
	{
		public static BindableProperty TintColorProperty = BindableProperty.Create(nameof(TintColor), typeof(Color), typeof(TintedCachedImage), Color.Transparent, propertyChanged: UpdateColor);

		public Color TintColor
		{
			get { return (Color)GetValue(TintColorProperty); }
			set { SetValue(TintColorProperty, value); }
		}

		private static void UpdateColor(BindableObject bindable, object oldColor, object newColor)
		{
			var oldcolor = (Color)oldColor;
			var newcolor = (Color)newColor;

			if (!oldcolor.Equals(newcolor))
			{
				var view = (TintedCachedImage)bindable;
				var transformations = new System.Collections.Generic.List<ITransformation>() {
					new TintTransformation((int)(newcolor.R * 255), (int)(newcolor.G * 255), (int)(newcolor.B * 255), (int)(newcolor.A * 255)) {
						EnableSolidColor = true
					}
				};
				view.Transformations = transformations;
			}
		}
	}

[MosCD]

Well I managed to find a solution for the problem I posted in the recent comment

`public class TintedCachedImage : CachedImage { public static BindableProperty TintColorProperty = BindableProperty.Create(nameof(TintColor), typeof(Color), typeof(TintedCachedImage), Color.Transparent, propertyChanged: UpdateColor);

    public Color TintColor
    {
        get { return (Color)GetValue(TintColorProperty); }
        set { SetValue(TintColorProperty, value); }
    }

    private static void UpdateColor(BindableObject bindable, object oldColor, object newColor)
    {
        var oldcolor = (Color)oldColor;
        var newcolor = (Color)newColor;

        if (!oldcolor.Equals(newcolor))
        {
            var view = (TintedCachedImage)bindable;
            var transformations = new System.Collections.Generic.List<ITransformation>() {
                new TintTransformation((int)(newcolor.R * 255), (int)(newcolor.G * 255), (int)(newcolor.B * 255), (int)(newcolor.A * 255)) {
                    EnableSolidColor = true
                }
            };
            view.Transformations = transformations;
        }
    }

    //To Support SVG
    public static BindableProperty SvgSourceProperty = BindableProperty.Create(nameof(TintColor), typeof(string), typeof(TintedCachedImage), null, propertyChanged: UpdateSvg);
    public string SvgSource
    {
        get { return (string)GetValue(SvgSourceProperty); }
        set { SetValue(SvgSourceProperty, value); }
    }

    private static void UpdateSvg(BindableObject bindable, object oldVal, object newVal)
    {
        var _instance = bindable as TintedCachedImage;
        _instance.Source = SvgImageSource.FromFile((string)newVal);
    }
}`

I added a custom property to enable directly loading svg image from xml

usage

<local:TintedCachedImage Grid.Row="0" SvgSource="reset.svg" TintColor="{StaticResource BrandColor}" />