FFTransformation: can't seem to get it to work correctly

Hey,

I am using your component to render a image and I want to combine this with the blur transformation that you are providing.

I have downloaded and installed the Nuget package and it seems to find the package itself. But somehow the image won’t show up and a white page is shown.

I am using the sample code that you have provided in this Git. When I for example remove the transformation part the image is shown.

The code example below results in image being shown in the middle:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:forms="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
             xmlns:controls="clr-namespace:BNApp.Controls;assembly=BNApp"
             xmlns:transformations="clr-namespace:FFImageLoading.Transformations;assembly=FFImageLoading.Transformations"
             x:Class="BNApp.Tests.test">
    <ContentPage.Content>
        <ScrollView>
            <StackLayout>

                <forms:CachedImage HorizontalOptions="Center" VerticalOptions="Center"
				     DownsampleToViewSize="true"
					Aspect="AspectFit" HeightRequest="400" WidthRequest="400" Source="BNAppLoginBackground.jpg">
                 
                </forms:CachedImage>

                <Label Text="BlurredTransformation" HorizontalTextAlignment="Center"/>

                <Button Text="Load another image" Command="{Binding LoadAnotherCommand}"/>

            </StackLayout>
        </ScrollView>
    </ContentPage.Content>
    </ContentPage>

And this code shows nothing when used:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:forms="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
             xmlns:controls="clr-namespace:BNApp.Controls;assembly=BNApp"
             xmlns:transformations="clr-namespace:FFImageLoading.Transformations;assembly=FFImageLoading.Transformations"
             x:Class="BNApp.Tests.test">
    <ContentPage.Content>
        <ScrollView>
            <StackLayout>

                <forms:CachedImage HorizontalOptions="Center" VerticalOptions="Center"
				     DownsampleToViewSize="true"
					Aspect="AspectFit" HeightRequest="400" WidthRequest="400" Source="BNAppLoginBackground.jpg">
                    <forms:CachedImage.Transformations>
                        <transformations:BlurredTransformation Radius="40"/>
                    </forms:CachedImage.Transformations>
                </forms:CachedImage>

                <Label Text="BlurredTransformation" HorizontalTextAlignment="Center"/>

                <Button Text="Load another image" Command="{Binding LoadAnotherCommand}"/>

            </StackLayout>
        </ScrollView>
    </ContentPage.Content>
    </ContentPage>

I have uploaded screenshots to for the following example and I do hope someone could help me out to fix this problem. http://imgur.com/a/l7qng

Also I am using Xamarin.Forms.

Thanks in advance and have a great weekend!

Luuk

[daniel-luberda]

@LukasThijs I made some additional fixes. New nuget should be released today. Could you try it? If it still won’t work for you, you could use a legacy mode. Just set (in Android project): BlurredTrasnformation.LegacyMode = true which will force legacy blur algorithm.

[daniel-luberda]

Thanks for info! 👍