I have been trying to implement the cylindrical animation to the horizontal listview to achieve the iCarousel cylindrical effect.Here is the sample I have tried .
<ContentPage.Resources>
<ResourceDictionary>
<xamanimation:StoryBoard
x:Key="empListViewAnimation"
Target="{x:Reference empListView}">
<xamanimation:TranslateToAnimation TranslateY="90" Easing="SpringOut" Duration="800" />
</xamanimation:StoryBoard>
</ResourceDictionary>
</ContentPage.Resources>
<ContentPage.Triggers>
<EventTrigger Event="Appearing">
<xamanimation:BeginAnimation
Animation="{StaticResource empListViewAnimation}" />
</EventTrigger>
</ContentPage.Triggers>
<ContentPage.Content>
<StackLayout Spacing="0">
<!-- <xamanimation:StoryBoard x:Key="empListViewAnimation" Target="{x:Reference empListView}">
<xamanimation:TranslateToAnimation TranslateY="600" Duration="0" />
<xamanimation:TranslateToAnimation TranslateY="0" Easing="SpringOut" Duration="800" />
</xamanimation:StoryBoard>-->
<Controls:HorizontalList x:Name="empListView" ListOrientation="Horizontal" HeightRequest="300" BackgroundColor="Transparent" ItemsSource="{Binding}" Margin="10,0,10,0">
<Controls:HorizontalList.ItemTemplate>
<DataTemplate>
<templates:ServiceItemTemplate />
</DataTemplate>
</Controls:HorizontalList.ItemTemplate>
</Controls:HorizontalList>
</StackLayout>
</ContentPage.Content>
and this is the service template
<ContentView.Content>
<Grid>
<Controls:AnimatedDonutChart x:Name="DonutChart" Percentage="{Binding Percentage}" StrokeHeight="15" DefaultColor="Gray" ValueColor="Purple" WidthRequest="150" HeightRequest="200" />
</Grid>
</ContentView.Content>