The Xamarin Carousel control is an intuitive interface for navigating through a collection of views with and without scaling and rotation transformations.
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.
The rotate option helps users to set the rotation angle of the non-selected items.
Scale option helps users to reduce the size of non-selected items to focus the selected item.
The Xamarin.Forms Carousel View control allows users to populate the collection of views in a horizontal linear layout.
The Xamarin.Forms Carousel View control accepts templates for the items to change the look of the items.
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.
The Xamarin.Forms Carousel View control has been virtualized to improve loading performance and reduce app’s memory.
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 .
Customize the space between non-selected items and the selected item in perspective 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; }
}
}
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.
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.