Animation Duration in .NET MAUI Navigation Drawer (SfNavigationDrawer)

Animation Duration in SfNavigationDrawer

The Duration property of the SfNavigationDrawer indicates the timeline for completing one animation cycle. Setting a smaller duration value accelerates animation speed.

XAML

<navigationdrawer:SfNavigationDrawer x:Name="navigationDrawer">
    <navigationdrawer:SfNavigationDrawer.DrawerSettings>
        <navigationdrawer:DrawerSettings  Duration="200"/>
    </navigationdrawer:SfNavigationDrawer.DrawerSettings>
</navigationdrawer:SfNavigationDrawer>

C#

SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
navigationDrawer.DrawerSettings = new DrawerSettings()
{
    Duration = 200,
};
this.Content = navigationDrawer;

NOTE

The Duration property for the SfNavigationDrawer is measured in milliseconds.

The following screenshot illustrates the result of the above code.

See also

How to Customize the Animation Duration in .NET MAUI Navigation Drawer?