The .NET MAUI Rotator control is a UI component that provides an interactive way to rotate images and navigate through a collection of views. It supports various navigation options like swiping, auto-play, and tapping.
Easily get started with the .NET MAUI Rotator using a few simple lines of C# code examples as demonstrated below. Also, explore our .NET MAUI Rotator Example which shows you how to render and configure the Rotator for .NET MAUI.
using Syncfusion.Maui.Core.Rotator;
namespace Rotator
{
public partial class Rotator : ContentPage
{
SfRotator rotator = new SfRotator();
StackLayout stackLayout = new StackLayout();
public Rotator()
{
InitializeComponent ();
stackLayout.HeightRequest = 300;
List<SfRotatorItem> collectionOfItems = new List<SfRotatorItem>();
collectionOfItems.Add(new SfRotatorItem() { Image = "image1.png" });
collectionOfItems.Add(new SfRotatorItem() { Image = "image2.png" });
collectionOfItems.Add(new SfRotatorItem() { Image = "image3.png" });
collectionOfItems.Add(new SfRotatorItem() { Image = "image4.png" });
collectionOfItems.Add(new SfRotatorItem() { Image = "image5.png" });
rotator.ItemsSource = collectionOfItems;
stackLayout.Children.Add(rotator);
this.Content = stackLayout;
}
}
}
The .NET MAUI Rotator control supports various modes such as dots and thumbnails for navigating easily to the desired item.
Thumbnail representation of the items provides a simple preview so that users can directly navigate to the required items by tapping.
Simple dot representation allows selected items to occupy the full space. The highlighted dot represents both count and selected index.
Users can navigate to the previous item or the next item by simply swiping from left to right or right to left, respectively.
Perform navigation using vertical or horizontal sliding animation. Here, the horizontal option represents a left-to-right arrangement of items, whereas the vertical option represents a top-to-bottom arrangement of items.
Display dot and thumbnail representations at any one of the four sides: left, right, top, or bottom.
The looping option helps users navigate back to the first item when they reach the last item. This provides a better review experience when the control is loaded with many items.
Use the .NET MAUI Rotator control as a slide show when you want to display a set of items in a defined interval of time with no interactions.
Customize the interval duration for auto-play.
A user can perform a command with the selected item by placing a button (or any view) on it, because the Rotator control is not limited to loading only image data, but also a collection of custom views.
Customize the dots’ colors and placement as per the app’s requirement.
The Syncfusion .NET MAUI Rotator offers the following features:
You can find our .NET MAUI Rotator demo, which demonstrates how to render and configure the Rotator.
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.