Transitions: Overview

  • RadCalendar supports different animations when switching between months, weeks or years. These are also called transitions. Defining a transition is done by setting the - transitionMode property to one of the values enlisted by the CalendarTransitionModes enum.

Available transition modes:

  • None - Transitions with gestures are disabled and no animation is applied when transitioning programatically. Available in iOS and Android.
  • Slide - Slide animation is applied when transitioning between views in RadCalendar. Available in iOS and Android.
  • Stack - Stack animation is applied when transitioning between views in RadCalendar. Available in iOS and Android.
  • Flip - Flip animation is applied when transitioning between views in RadCalendar. Available only in iOS.
  • Fold - Fold animation is applied when transitioning between views in RadCalendar. Available only in iOS.
  • Float - Float animation is applied when transitioning between views in RadCalendar. Available only in iOS.
  • Rotate - Rotate animation is applied when transitioning between views in RadCalendar. Available only in iOS.
  • Plain - Allows non inertial scrolling between views in RadCalendar. Available only in Android.
  • Free - Allows inertial scrolling between views in RadCalendar. Available only in Android.
  • Combo - Applies inertial slide animation when transitioning between views in RadCalendar. Available only in Android.
  • Overlap - Views overlap when transitioning in RadCalendar. Available only in Android.

References

Want to see this scenario in action?
Check our SDK examples repo on GitHub. You will find this and many other practical examples with NativeScript UI.