Animation Support in WPF Menu (MenuAdv)

6 May 20211 minute to read

MenuAdv supports animation types to open the submenu pop-up. The following animation types are supported by MenuAdv:

  • Fade
  • Slide
  • Scroll

The Animation support can be used by using the PopUpAnimationType property. If the PopUpAnimationType property is set to None, the submenu will open without any animation.

Adding the Animation Support to an Application

If the PopUpAnimationType property is set to Fade, the submenu will open with faded animation. If the PopUpAnimationType property is set to Slide, the submenu will open like the slide. If the PopUpAnimationType property is set to Scroll, the submenu popup open with scroll animation. The Animation support can be added to an application, as shown in the following code snippet.

  • XAML
    • <shared:MenuAdv x:Name="Menu" Margin="10" PopUpAnimationType="Slide”>

<shared:MenuItemAdv Header="File"/>

<shared:MenuItemAdv Header="Edit"/>

<shared:MenuItemAdv Header="View"/>

<shared:MenuItemAdv Header="Project"/>

<shared:MenuItemAdv Header="VerticalAnimation">

<shared:MenuItemAdv Header="HorizontalAnimation">

<shared:MenuItemAdv Header="Item1"/>

<shared:MenuItemAdv Header="Item2"/>

<shared:MenuItemAdv Header="Item3"/>

<shared:MenuItemAdv Header="Item4"/>

<shared:MenuItemAdv Header="Item5"/>

</shared:MenuItemAdv>

<shared:MenuItemAdv Header="Item1"/>

<shared:MenuItemAdv Header="Item2"/>

<shared:MenuItemAdv Header="Item3"/>

<shared:MenuItemAdv Header="Item4"/>

<shared:MenuItemAdv Header="Item5"/>

</shared:MenuItemAdv>

</shared:MenuAdv>

    Properties

    The property for the Animation support is described in the following tabulation:

    Property Description Type Data Type
    PopUpAnimationType Gets or sets the PopUpAnimationType of MenuAdv. DependencyProperty PopUpAnimationType(None)

    WPF Sample Browser-> Tools -> MenuAdv -> MenuAdv Demo