We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Xamarin Carousel control is an intuitive interface for navigating through a collection of views with and without scaling and rotation transformations.


Perspective view

The perspective or 3D view of Xamarin.Forms Carousel View is an intuitive interface to navigate through a collection of views with offset, scaling, and rotation.

Xamarin.Forms perspective carousel view

Rotation customization in the Xamarin.Forms carousel control

Rotation

The rotate option helps users to set the rotation angle of the non-selected items.

Xamarin.Forms carousel view scales down the non-selected items

Scaling

Scale option helps users to reduce the size of non-selected items to focus the selected item.


Linear view

The Xamarin.Forms Carousel View control allows users to populate the collection of views in a horizontal linear layout.

Xamarin.Forms linear carousel control


Xamarin.Forms carousel view items with customized view

Custom template

The Xamarin.Forms Carousel View control accepts templates for the items to change the look of the items.


On-demand loading

On-demand loading enables users to load a subset of data in the Xamarin.Forms Carousel View control and to load more items when needed. It helps users to increase initial loading performance when populating huge items.

Items loaded on demand using load more option in the Xamarin.Forms carousel control


Virtualization support in the Xamarin.Forms carousel control

Virtualization

The Xamarin.Forms Carousel View control has been virtualized to improve loading performance and reduce app’s memory.


Data binding

Data binding works out of the box for all the popular data sources. Every aspect of the carousel control has been designed with MVVM pattern in mind .

Data binding support in the Xamarin.Forms carousel view


Spacing between items

Spacing in perspective view

Customize the space between non-selected items and the selected item in perspective view.

Spacing is applied to all the items in Xamarin.Forms carousel view

Spacing in linear view

Customize the space between all the items in linear view.


Easily get started with the Xamarin.Forms Carousel View using a few simple lines of XAML and C# code example as demonstrated below. Also explore our Xamarin.Forms Carousel View Example that shows you how to render and configure the Carousel View for Xamarin.Forms.

<ContentPage.BindingContext>
        <local:CarouselViewModel/>
    </ContentPage.BindingContext>
    <ContentPage.Resources>
        <ResourceDictionary>
            <DataTemplate x:Key="itemTemplate">
                <Image Source="{Binding Image}"
                       Aspect="AspectFit"/>
            </DataTemplate>
        </ResourceDictionary>
    </ContentPage.Resources>
    <ContentPage.Content>
        <carousel:SfCarousel x:Name="carousel"
                             ItemTemplate="{StaticResource itemTemplate}"
                             ItemsSource="{Binding ImageCollection}"
                             HeightRequest="400"
                             WidthRequest="800" />
</ContentPage.Content>
public class CarouselModel
    {
        public CarouselModel(string imageString)
        {
            Image = imageString;
        }
        private string _image;
        public string Image
        {
            get { return _image; }
            set { _image = value; }
        }
    }
public class CarouselViewModel
    {
        public CarouselViewModel()
        {
            ImageCollection.Add(new CarouselModel("carousel_person1.png"));
            ImageCollection.Add(new CarouselModel("carousel_person2.png"));
            ImageCollection.Add(new CarouselModel("carousel_person3.png"));
            ImageCollection.Add(new CarouselModel("carousel_person4.png"));
            ImageCollection.Add(new CarouselModel("carousel_person5.png"));
        }
        private List<CarouselModel> imageCollection = new List<CarouselModel>();
        public List<CarouselModel> ImageCollection
        {
            get { return imageCollection; }
            set { imageCollection = value; }
        }
    }



150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).

Frequently Asked Questions

  • The only control in the market to show items in 3D or linear arrangements.
  • Rotation angle and spacing between the items can be customized
  • Simple and straight forward API.
  • Touch friendly and highly responsive with a smooth animation.
  • One of the best Xamarin Carousel View in the market that offers feature-rich UI to interact with the software.
  • Expansive learning resources such as demos, documentation to learn quickly and get started with Xamarin Carousel View.

You can find our Xamarin Carousel View demo here.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion Xamarin.Forms Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon