.NET MAUI Carousel View | Custom Carousel Control

Overview

The .NET MAUI Carousel control is an intuitive interface for navigating through a collection of views with and without scaling and rotation transformations. This control supports both scaling and rotation transformations, allowing for enhanced visual effects, or can be used without them, depending on your design needs.

.NET MAUI Carousel Code Example

Easily get started with the .NET MAUI Carousel using a few simple lines of XAML code example as demonstrated below. Also, explore our .NET MAUI Carousel Example that shows you how to render and configure the .NET MAUI Carousel.

xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="GettingStartedCarousel.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:carousel="clr-namespace:Syncfusion.Maui.Carousel;assembly=Syncfusion.Maui.Carousel"
    xmlns:viewModel="clr-namespace:GettingStartedCarousel.ViewModel">
    <ContentPage.BindingContext>
        <viewModel:CarouselViewModel />
    </ContentPage.BindingContext>
    <ContentPage.Content>
        <carousel:SfCarousel
            x:Name="carousel"
            HeightRequest="400"
            ItemHeight="300"
            ItemWidth="200"
            ItemsSource="{Binding ImageCollection}"
            ViewMode="Default"
            WidthRequest="800" />
    </ContentPage.Content>
</ContentPage>

Perspective view

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

.NET MAUI perspective Carousel view.

Rotation customization in the .NET MAUI Carousel control.

Rotation

Set the rotation angle of the non selected items.

.NET MAUI Carousel scales down the nonselected items.

Scaling

Reduce the size of non selected items to focus on the selected item.

Linear view

The .NET MAUI Carousel control allows users to populate a collection of views in a horizontal linear layout.

.NET MAUI linear Carousel control.

.NET MAUI Carousel view items with customized view.

Custom templates

The .NET MAUI Carousel control accepts templates for the items to change their look.

On-demand loading

On-demand loading enables users to load a subset of data in the .NET MAUI Carousel control and then load more items when needed. It helps users increase initial loading performance when populating a large number of items.

Items loaded on demand using load more option in the .NET MAUI Carousel control.

Virtualization support in the .NET MAUI Carousel control.

Virtualization

The .NET MAUI Carousel control has been virtualized to improve loading performance and reduce the app’s memory usage.

Virtualization documentation.

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 the MVVM pattern in mind.

Data binding support in the .NET MAUI Carousel view.

Spacing between items

.NET MAUI Carousel view items with customized space to have more non-selected items in the view.

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 .NET MAUI Carousel view.

Spacing in linear view

Customize the space among all the items in the linear view.

Duration

The Carousel control for .NET MAUI enables users to define how long it takes to transition items to selected positions.

Data modeling

The .NET MAUI Carousel control allows users to create a carousel that will display a list of images.

Item source

The control sets a collection of carousel items of a specific type that can be rendered with a different view for each item.

Frequently Asked Questions

✅ Why should you choose the Syncfusion .NET MAUI Carousel?

The Syncfusion .NET MAUI Carousel support the following features:

Populated items in the view in a stacked linear layout.
Adjust the offset to determine the spacing between unselected items in the Carousel.
Specify the rotation angle for all items.
Set the duration for how long it takes to move an item to a selected position.
On-demand loading loads a portion of data in the current viewport and fetches more items as needed, enhancing the initial loading performance of large datasets.
UI virtualization ensures that only the necessary number of items are displayed in the viewport, dynamically managing loading and removal to maintain a consistent item count as users swipe.
One of the best .NET MAUI Carousel in the market, offering feature-rich UI to interact with the software.
Simple configuration and APIs.
Mobile-touch friendly.
Extensive demos and documentation to let you get started quickly with the .NET MAUI Carousel.

✅ Where can I find the Syncfusion .NET MAUI Carousel demo?

You can find our .NET MAUI Carousel demo, which demonstrates how to render and configure the Carousel.

✅ Can I download and utilize the Syncfusion .NET MAUI Carousel for free?

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.

✅ How do I get started with Syncfusion .NET MAUI Carousel?

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

.NET MAUI DataViz & UI Controls

Rated by users across the globe

.NET MAUI Carousel Control - Highly Customizable 3D View

No credit card required.

No credit card required.

Trusted by the world’s leading companies

Overview

.NET MAUI Carousel Code Example