shimmer background behind stacklayout

Is it possible to just shimmer the background of a stacklayout?  I am creating an "animated" splashscreen.  I have an image and some text in a stacklayout.  I would  really like to shimmer behind everything and full screen.


Any help would be appreciated.


1 Reply

VR Vignesh Ramesh Syncfusion Team November 30, 2021 03:30 PM UTC

Hi Mike Phillips, 

Greetings from Syncfusion. 

We have analyzed your query and would like to inform you that, the Shimmer control is to improve the responsiveness of an application by showing a modern shimmer effect when data is being loaded in the background. But your requirement is to just display the shimmer effect behind the StackLayout. So, you can achieve it by placing your StackLayout just top of the Shimmer with custom view as shown in the below snippet. 

[XAML]: 
<Grid> 
    <shimmer:SfShimmer x:Name="shimmer" 
                       VerticalOptions="Fill"> 
        <shimmer:SfShimmer.CustomView> 
            <StackLayout> 
                <shimmer:ShimmerView HorizontalOptions="FillAndExpand" 
                                     VerticalOptions="FillAndExpand" /> 
            </StackLayout> 
        </shimmer:SfShimmer.CustomView> 
    </shimmer:SfShimmer> 
    <StackLayout> 
        <Image x:Name="image" 
               Source="Profile.png" 
               HorizontalOptions="CenterAndExpand" 
               VerticalOptions="CenterAndExpand" 
               HeightRequest="200" 
               WidthRequest="200" /> 
        <Label Text="Your content!" 
               HorizontalOptions="CenterAndExpand" 
               VerticalOptions="CenterAndExpand" /> 
    </StackLayout> 
</Grid> 

Also, we have prepared the sample for the same. Please get it from the below link. 

You can also create a custom shimmer view. Please refer the below user guide link for more information. 

If your requirement is different from this, please provide additional information on your requirement. This would be helpful for us to give better solution. 

Regards, 
Vignesh Ramesh.

Loader.
Up arrow icon