Features in UWP Rotator (SfRotator)

10 May 20213 minutes to read

AutoPlay

The EnableAutoPlay property specifies whether the items should navigate automatically based on NavigationDelay property, when the property value is set to true.

NOTE

By default, the property value is set to false.

  • C#
    • Rotator.EnableAutoPlay = True;
  • XAML
    • <syncfusion:SfRotator EnableAutoPlay="true"/>

    The NavigationDelay property specifies the duration to delay the switch to next navigation item, when EnableAutoPlay property is enabled.

    NOTE

    The property value should be in milliseconds.

  • C#
    • Rotator.NavigationDelay = new TimeSpan(0,0,2);
  • XAML
    • <syncfusion:SfRotator NavigationDelay="00:00:02"/>

    Item Looping

    The EnableLooping property specifies whether the items should navigate to first item once it reaches the last item and vice-versa.

  • C#
    • Rotator.EnableLooping = true;
  • XAML
    • <syncfusion:SfRotator EnableLooping="true"/>

    Text Area

    The ShowText property can be used to enable the text area visibility in bottom area of rotator for providing additional information of items.

    NOTE

    By default, the property value is false.

  • C#
    • Rotator.ShowText = True;
  • XAML
    • <syncfusion:SfRotator ShowText="true"/>

    The NavigationDirection property specifies the direction in which items should be navigated in Rotator control.

    • Horizontal - Items can be navigated in horizontal direction.
  • C#
    • Rotator.NavigationDirection = NavigationDirection.Horizontal;
  • XAML
    • <syncfusion:SfRotator NavigationDirection="Horizontal"/>
    • Vertical - Items can be navigated in vertical direction.
  • C#
    • Rotator.NavigationDirection = NavigationDirection.Vertical;
  • XAML
    • <syncfusion:SfRotator NavigationDirection="Vertical"/>
    • LeftToRight - Items can be navigated from Left to Right only.
  • C#
    • Rotator.NavigationDirection = NavigationDirection.LeftToRight;
  • XAML
    • <syncfusion:SfRotator NavigationDirection="LeftToRight"/>
    • RightToLeft - Items can be navigated from Right to Left only.
  • C#
    • Rotator.NavigationDirection = NavigationDirection.RightToLeft;
  • XAML
    • <syncfusion:SfRotator NavigationDirection="RightToLeft"/>
    • TopToBottom - Items can be navigated from Top to Bottom only.
  • C#
    • Rotator.NavigationDirection = NavigationDirection.TopToBottom;
  • XAML
    • <syncfusion:SfRotator NavigationDirection="TopToBottom"/>
    • BottomToTop - Items can be navigated from Bottom to Top only.
  • C#
    • Rotator.NavigationDirection = NavigationDirection.BottomToTop;
  • XAML
    • <syncfusion:SfRotator NavigationDirection="BottomToTop"/>