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