Implementing .NET MAUI Rotator
The Syncfusion .NET MAUI Rotator (SfRotator) is a data control for displaying and navigating through image content. It supports thumbnail and dots navigation modes, autoplay functionality, looping, and extensive customization options.
When to Use This Skill
Use this skill when the user needs to:
- Implement image carousels or slideshows in .NET MAUI applications
- Create product galleries with thumbnail or dot navigation
- Build testimonial sliders or promotional banners
- Display rotating content with automatic advancement
- Create image viewers with swipe navigation
- Implement content rotators with custom navigation controls
- Build galleries that support both horizontal and vertical navigation
- Create slideshows with customizable timing and looping behavior
Component Overview
The SfRotator control provides:
- Multiple Navigation Modes: Thumbnail (image previews) and Dots (indicators)
- Data Binding: Supports IList, ObservableCollection, and SfRotatorItem collections
- Autoplay & Looping: Automatic advancement with configurable delays and infinite looping
- Directional Navigation: Six navigation directions including horizontal, vertical, and unidirectional modes
- Extensive Customization: Custom colors, strokes, templates, and navigation button styling
- Interactive Controls: Swipe gestures, navigation buttons, and programmatic index selection
- Event Handling: SelectedIndexChanged event for responding to navigation actions
Documentation and Navigation Guide
Getting Started
📄 Read: references/getting-started.md
- Installing Syncfusion.Maui.Rotator NuGet package
- Registering the handler (ConfigureSyncfusionCore)
- Basic XAML and C# implementation
- First working example with images
Data and Content
📄 Read: references/populating-data.md
- Creating data models and ViewModels
- Binding ItemsSource to collections (IList, ObservableCollection)
- Configuring ItemTemplate with DataTemplate
- Using SfRotatorItem for simple scenarios
- Loading online images from URLs
Navigation Modes and Styling
📄 Read: references/navigation-modes.md
- NavigationStripMode (Thumbnail, Dots)
- Dots customization (stroke, selected/unselected colors)
- Thumbnail customization (stroke colors)
- Navigation button styling (icon color, background)
- Showing/hiding navigation buttons
- DotPlacement options (Default, None, Outside)
Position and Direction
📄 Read: references/placement-and-direction.md
- NavigationStripPosition (Top, Bottom, Left, Right)
- NavigationDirection (Horizontal, Vertical, LeftToRight, RightToLeft, TopToBottom, BottomToTop)
- Combining position with direction
- Layout best practices
Autoplay and User Interaction
📄 Read: references/autoplay-and-interaction.md
- EnableAutoPlay for automatic advancement
- NavigationDelay timing configuration
- EnableLooping for infinite scrolling
- EnableSwiping to control user interaction
- SelectedIndex for programmatic navigation
Advanced Customization
📄 Read: references/customization.md
- DataTemplateSelector for dynamic templates
- IsTextVisible for text panel display
- Custom layouts and styling
- Background colors and sizing
- Advanced template scenarios
Events and Migration
📄 Read: references/events.md
- SelectedIndexChanged event handling
- Responding to navigation changes
- Event patterns in XAML and C#
- API changes and breaking changes
1---
2name: syncfusion-maui-rotator
3description: Implements Syncfusion .NET MAUI Rotator (SfRotator) control for displaying image carousels, slideshows, or rotating content. Use this for image galleries, product showcases, testimonial sliders, banner rotators, or scenarios requiring automatic or manual navigation through visual content.
4metadata:
5 author: "Syncfusion Inc"
6 version: "34.1.29"
7---
8
9# Implementing .NET MAUI Rotator
10
11The Syncfusion .NET MAUI Rotator (SfRotator) is a data control for displaying and navigating through image content. It supports thumbnail and dots navigation modes, autoplay functionality, looping, and extensive customization options.
12
13## When to Use This Skill
14
15Use this skill when the user needs to:
16
17- Implement image carousels or slideshows in .NET MAUI applications
18- Create product galleries with thumbnail or dot navigation
19- Build testimonial sliders or promotional banners
20- Display rotating content with automatic advancement
21- Create image viewers with swipe navigation
22- Implement content rotators with custom navigation controls
23- Build galleries that support both horizontal and vertical navigation
24- Create slideshows with customizable timing and looping behavior
25
26## Component Overview
27
28The SfRotator control provides:
29
30- **Multiple Navigation Modes:** Thumbnail (image previews) and Dots (indicators)
31- **Data Binding:** Supports IList, ObservableCollection, and SfRotatorItem collections
32- **Autoplay & Looping:** Automatic advancement with configurable delays and infinite looping
33- **Directional Navigation:** Six navigation directions including horizontal, vertical, and unidirectional modes
34- **Extensive Customization:** Custom colors, strokes, templates, and navigation button styling
35- **Interactive Controls:** Swipe gestures, navigation buttons, and programmatic index selection
36- **Event Handling:** SelectedIndexChanged event for responding to navigation actions
37
38## Documentation and Navigation Guide
39
40### Getting Started
41📄 **Read:** [references/getting-started.md](references/getting-started.md)
42- Installing Syncfusion.Maui.Rotator NuGet package
43- Registering the handler (ConfigureSyncfusionCore)
44- Basic XAML and C# implementation
45- First working example with images
46
47### Data and Content
48📄 **Read:** [references/populating-data.md](references/populating-data.md)
49- Creating data models and ViewModels
50- Binding ItemsSource to collections (IList, ObservableCollection)
51- Configuring ItemTemplate with DataTemplate
52- Using SfRotatorItem for simple scenarios
53- Loading online images from URLs
54
55### Navigation Modes and Styling
56📄 **Read:** [references/navigation-modes.md](references/navigation-modes.md)
57- NavigationStripMode (Thumbnail, Dots)
58- Dots customization (stroke, selected/unselected colors)
59- Thumbnail customization (stroke colors)
60- Navigation button styling (icon color, background)
61- Showing/hiding navigation buttons
62- DotPlacement options (Default, None, Outside)
63
64### Position and Direction
65📄 **Read:** [references/placement-and-direction.md](references/placement-and-direction.md)
66- NavigationStripPosition (Top, Bottom, Left, Right)
67- NavigationDirection (Horizontal, Vertical, LeftToRight, RightToLeft, TopToBottom, BottomToTop)
68- Combining position with direction
69- Layout best practices
70
71### Autoplay and User Interaction
72📄 **Read:** [references/autoplay-and-interaction.md](references/autoplay-and-interaction.md)
73- EnableAutoPlay for automatic advancement
74- NavigationDelay timing configuration
75- EnableLooping for infinite scrolling
76- EnableSwiping to control user interaction
77- SelectedIndex for programmatic navigation
78
79### Advanced Customization
80📄 **Read:** [references/customization.md](references/customization.md)
81- DataTemplateSelector for dynamic templates
82- IsTextVisible for text panel display
83- Custom layouts and styling
84- Background colors and sizing
85- Advanced template scenarios
86
87### Events and Migration
88📄 **Read:** [references/events.md](references/events.md)
89- SelectedIndexChanged event handling
90- Responding to navigation changes
91- Event patterns in XAML and C#
92- API changes and breaking changes
93
gabrielmoreira