Quantcast
Channel: Xamarin.Forms — Xamarin Community Forums
Viewing all articles
Browse latest Browse all 91519

Is there a package as iCarousel in xamarin forms.

$
0
0

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>


Viewing all articles
Browse latest Browse all 91519

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>