[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Expand]Controls and Libraries
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Collapse]API Reference
  [Expand]DevExpress.Charts.Designer
  [Expand]DevExpress.Data
  [Expand]DevExpress.Mvvm.UI
  [Expand]DevExpress.Mvvm.UI.Interactivity
  [Expand]DevExpress.Mvvm.UI.ModuleInjection
  [Expand]DevExpress.Xpf.Accordion
  [Expand]DevExpress.Xpf.Bars
  [Expand]DevExpress.Xpf.Carousel
  [Expand]DevExpress.Xpf.Charts
  [Expand]DevExpress.Xpf.Charts.Localization
  [Expand]DevExpress.Xpf.Charts.RangeControlClient
  [Expand]DevExpress.Xpf.ChunkList
  [Expand]DevExpress.Xpf.Controls
  [Expand]DevExpress.Xpf.Core
  [Expand]DevExpress.Xpf.Core.ConditionalFormatting
  [Expand]DevExpress.Xpf.Core.DataSources
  [Expand]DevExpress.Xpf.Core.FilteringUI
  [Expand]DevExpress.Xpf.Core.Native
  [Expand]DevExpress.Xpf.Core.ServerMode
  [Expand]DevExpress.Xpf.Data
  [Expand]DevExpress.Xpf.DataAccess
  [Expand]DevExpress.Xpf.DataAccess.DataSourceWizard
  [Expand]DevExpress.Xpf.Diagram
  [Expand]DevExpress.Xpf.Dialogs
  [Expand]DevExpress.Xpf.Docking
  [Expand]DevExpress.Xpf.Docking.Base
  [Expand]DevExpress.Xpf.DocumentViewer
  [Expand]DevExpress.Xpf.DXBinding
  [Expand]DevExpress.Xpf.Editors
  [Expand]DevExpress.Xpf.Editors.DataPager
  [Expand]DevExpress.Xpf.Editors.DateNavigator
  [Expand]DevExpress.Xpf.Editors.ExpressionEditor
  [Expand]DevExpress.Xpf.Editors.ExpressionEditor.Native
  [Expand]DevExpress.Xpf.Editors.Filtering
  [Expand]DevExpress.Xpf.Editors.Flyout
  [Expand]DevExpress.Xpf.Editors.Flyout.Native
  [Expand]DevExpress.Xpf.Editors.Helpers
  [Expand]DevExpress.Xpf.Editors.Native
  [Expand]DevExpress.Xpf.Editors.Popups
  [Expand]DevExpress.Xpf.Editors.RangeControl
  [Expand]DevExpress.Xpf.Editors.Settings
  [Expand]DevExpress.Xpf.Editors.Validation
  [Expand]DevExpress.Xpf.ExpressionEditor
  [Expand]DevExpress.Xpf.Gantt
  [Expand]DevExpress.Xpf.Gauges
  [Expand]DevExpress.Xpf.Gauges.Localization
  [Expand]DevExpress.Xpf.Grid
  [Expand]DevExpress.Xpf.Grid.ConditionalFormatting
  [Expand]DevExpress.Xpf.Grid.LookUp
  [Expand]DevExpress.Xpf.Grid.TreeList
  [Expand]DevExpress.Xpf.Layout.Core
  [Expand]DevExpress.Xpf.LayoutControl
  [Expand]DevExpress.Xpf.Map
  [Expand]DevExpress.Xpf.NavBar
  [Expand]DevExpress.Xpf.Navigation
  [Expand]DevExpress.Xpf.PdfViewer
  [Expand]DevExpress.Xpf.PivotGrid
  [Expand]DevExpress.Xpf.PivotGrid.Printing
  [Expand]DevExpress.Xpf.Printing
  [Expand]DevExpress.Xpf.Printing.Parameters
  [Expand]DevExpress.Xpf.Printing.Parameters.Models
  [Expand]DevExpress.Xpf.Printing.PreviewControl
  [Expand]DevExpress.Xpf.Printing.PreviewControl.Bars
  [Expand]DevExpress.Xpf.Prism
  [Expand]DevExpress.Xpf.PropertyGrid
  [Expand]DevExpress.Xpf.Reports.UserDesigner
  [Expand]DevExpress.Xpf.Reports.UserDesigner.Extensions
  [Expand]DevExpress.Xpf.Reports.UserDesigner.Localization
  [Expand]DevExpress.Xpf.Reports.UserDesigner.ReportWizard
  [Expand]DevExpress.Xpf.Reports.UserDesigner.ReportWizard.Pages
  [Expand]DevExpress.Xpf.Ribbon
  [Expand]DevExpress.Xpf.RichEdit
  [Expand]DevExpress.Xpf.RichEdit.Menu
  [Expand]DevExpress.Xpf.Scheduler
  [Expand]DevExpress.Xpf.Scheduler.Drawing
  [Expand]DevExpress.Xpf.Scheduler.Menu
  [Expand]DevExpress.Xpf.Scheduler.Reporting
  [Expand]DevExpress.Xpf.Scheduler.UI
  [Expand]DevExpress.Xpf.Scheduling
  [Expand]DevExpress.Xpf.Scheduling.Common
  [Expand]DevExpress.Xpf.Scheduling.Editors
  [Expand]DevExpress.Xpf.Scheduling.iCalendar
  [Expand]DevExpress.Xpf.Scheduling.Reporting
  [Expand]DevExpress.Xpf.Scheduling.Visual
  [Expand]DevExpress.Xpf.Scheduling.VisualData
  [Expand]DevExpress.Xpf.SpellChecker
  [Expand]DevExpress.Xpf.Spreadsheet
  [Expand]DevExpress.Xpf.Spreadsheet.Menu
  [Expand]DevExpress.Xpf.TreeMap
  [Expand]DevExpress.Xpf.Utils.Themes
  [Collapse]DevExpress.Xpf.WindowsUI
   [Expand]AnimationSelector Class
    AnimationType Enumeration
   [Expand]AppBar Class
   [Expand]AppBarButton Class
   [Expand]AppBarSeparator Class
   [Expand]AppBarToggleButton Class
   [Expand]CommandButton Class
   [Expand]FlipView Class
   [Expand]FlipViewItem Class
   [Expand]Flyout Class
   [Expand]HamburgerMenu Class
   [Expand]HamburgerMenuAdaptiveLayoutController Class
    HamburgerMenuAvailableViewStates Enumeration
   [Expand]HamburgerMenuBottomBarCheckBox Class
    HamburgerMenuBottomBarItemPlacement Enumeration
   [Expand]HamburgerMenuBottomBarNavigationButton Class
   [Expand]HamburgerMenuBottomBarRadioButton Class
   [Expand]HamburgerMenuHyperlinkButton Class
    HamburgerMenuItemPlacement Enumeration
   [Expand]HamburgerMenuNavigationButton Class
   [Expand]HamburgerMenuSelectedItemChangedEventArgs Class
   [Expand]HamburgerMenuToggleStateButton Class
    HamburgerMenuViewState Enumeration
   [Expand]HamburgerSubMenu Class
    HamburgerSubMenuMoreButtonVisibility Enumeration
   [Expand]HamburgerSubMenuNavigationButton Class
    ItemSizeMode Enumeration
   [Expand]MenuFlyout Class
   [Expand]MenuFlyoutItem Class
   [Expand]MenuFlyoutSeparator Class
   [Expand]NavigationButton Class
    NavigationCacheMode Enumeration
   [Collapse]NavigationFrame Class
     NavigationFrame Members
     NavigationFrame Constructor
    [Collapse]NavigationFrame Properties
      AllowMerging Property
      AnimationDelay Property
      AnimationSelector Property
      AnimationSpeedRatio Property
      AnimationType Property
      BackNavigationMode Property
      CanGoBack Property
      CanGoForward Property
      ContentProvider Property
      Journal Property
      NavigationCacheMaxSize Property
      NavigationCacheMode Property
      NavigationInProgress Property
      PrefetchedSources Property
      PrefetchedSourcesOptions Property
      Source Property
    [Expand]NavigationFrame Events
    [Expand]NavigationFrame Methods
   [Expand]NavigationPage Class
   [Expand]PageAdornerControl Class
    PageHeadersLayoutType Enumeration
   [Expand]PageView Class
   [Expand]PageViewItem Class
    PrefetchedSourcesOptions Enumeration
   [Expand]SlideView Class
   [Expand]SlideViewItem Class
   [Expand]SlideViewItemClickEventArgs Class
   [Expand]WinUIDialogWindow Class
   [Expand]WinUIMessageBox Class
  [Expand]DevExpress.Xpf.WindowsUI.Internal
  [Expand]DevExpress.Xpf.WindowsUI.Navigation
  [Expand]DevExpress.XtraRichEdit
  [Expand]DevExpress.XtraRichEdit.Printing
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

NavigationFrame.AnimationSelector Property

Gets or sets an AnimationSelector class descendant that provides a custom storyboard, rendering the forward and backward navigation animation. This is a dependency property.

Namespace:DevExpress.Xpf.WindowsUI
Assembly:DevExpress.Xpf.Controls.v19.2.dll

Expanded Syntax

Property value

Type: AnimationSelector
An AnimationSelector class descendant that provides a custom storyboard, rendering the forward and backward navigation animation.

Expanded Remarks

The AnimationType property allows you to enable animation effects when navigating between views. You can also specify animation settings with the AnimationSpeedRatio and AnimationDelay properties.

However, if these settings do not meet your needs, it is possible to provide a custom forward and/or backward navigation animation. For this purpose, create an AnimationSelector class descendant, and override the SelectStoryboard method, which returns the System.Windows.Media.Animation.Storyboard object used to render the navigation animation. This method accepts the animation parameter which comprises the animation settings being used. These settings allow you, for instance, to determine whether forward or backward navigation is performed. Then, assign the created AnimationSelector class descendant to the AnimationSelector property.

Note

If the AnimationType setting is set to None, the AnimationSelector property is not in effect.

Expanded Example

The example below shows how to provide a custom storyboard used to render backward and forward navigation for a NavigationFrame. The AnimationSelector's SelectStoryboard method override returns a storyboard according to the animation direction.

Expanded See Also

Is this topic helpful?​​​​​​​