XFShimmerLayout
XFShimmerLayout copied to clipboard
ANDROID: Shimmering effect is incorrect for Android
Sometimes the shimmer effect fade animation is not properly overlapping the actual content in Android.

Usage:
xmlns:controls="clr-namespace:XFShimmerLayout.Controls;assembly=XFShimmerLayout" xmlns:ff="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
<controls:ShimmerLayout Grid.Row="3" Grid.RowSpan="2" Grid.ColumnSpan="2" Angle="-45" GradientSize="0.2" ForegroundGradientColor="#F5F5F8" BackgroundGradientColor="#e2e6eb" IsLoading="{Binding IsBootShimmerEffect}">
<Grid RowSpacing="0" ColumnSpacing="0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.3*"/>
<ColumnDefinition Width="0.7*"/>
</Grid.ColumnDefinitions>
<Frame Grid.Column="0" Margin="0,10,0,0" HasShadow="False" Padding="1" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" IsClippedToBounds="True" CornerRadius="8">
<ff:CachedImage VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" Aspect="AspectFill" Source="{Binding ImageOne}" LoadingPlaceholder="image_placeholder.png" ErrorPlaceholder="image_placeholder.png" AutomationProperties.IsInAccessibleTree="False"/>
</Frame>
<StackLayout Grid.Column="1" Orientation="Vertical" HorizontalOptions="FillAndExpand" VerticalOptions="CenterAndExpand">
<Label VerticalOptions="End" Margin="10,0" Text="{Binding HeaderOne}" LineBreakMode="NoWrap" FontSize="14" TextColor="#222222" Style="{StaticResource HeaderStyle}" AutomationProperties.IsInAccessibleTree="True"/>
<Label VerticalOptions="Start" Margin="10,0" Text="{Binding DescOne}" LineBreakMode="WordWrap" FontSize="12" TextColor="#222222" Opacity="0.7" Style="{StaticResource DescStyle}" AutomationProperties.IsInAccessibleTree="True"/>
</StackLayout>
<Grid.GestureRecognizers>
<TapGestureRecognizer NumberOfTapsRequired="1" Command="{Binding OnItemTapCommand}" />
</Grid.GestureRecognizers>
</Grid>
</controls:ShimmerLayout>