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.