wpf-devexpress-dot-xpf-dot-gauges-dot-indicatoranimation.md
Gets or sets the duration of an animation effect.
Namespace : DevExpress.Xpf.Gauges
Assembly : DevExpress.Xpf.Gauges.v25.2.dll
NuGet Package : DevExpress.Wpf.Gauges
public TimeSpan Duration { get; set; }
Public Property Duration As TimeSpan
| Type | Description |
|---|---|
| TimeSpan |
A TimeSpan value that is the duration of an animation effect.
|
This example demonstrates how to use animation effects in DXGauges.
To activate animation, set the GaugeControlBase.EnableAnimation property to True. After that, it becomes possible to customize the animation’s duration and easing function via its IndicatorAnimation.Duration and IndicatorAnimation.EasingFunction properties.
<Window x:Class="DXGauges_Animation.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:dxga="http://schemas.devexpress.com/winfx/2008/xaml/gauges"
Title="MainWindow" Height="350" Width="525" >
<Grid>
<!--region #EnableAnimation-->
<dxga:CircularGaugeControl EnableAnimation="True">
<!--endregion #EnableAnimation-->
<dxga:CircularGaugeControl.Scales>
<dxga:ArcScale>
<dxga:ArcScale.Needles>
<!--region #EnableEditing-->
<dxga:ArcScaleNeedle IsInteractive="True">
<!--endregion #EnableEditing-->
<dxga:ArcScaleNeedle.Animation>
<dxga:IndicatorAnimation Duration="00:00:02.0000000">
<dxga:IndicatorAnimation.EasingFunction>
<BounceEase/>
</dxga:IndicatorAnimation.EasingFunction>
</dxga:IndicatorAnimation>
</dxga:ArcScaleNeedle.Animation>
</dxga:ArcScaleNeedle>
</dxga:ArcScale.Needles>
</dxga:ArcScale>
</dxga:CircularGaugeControl.Scales>
</dxga:CircularGaugeControl>
</Grid>
</Window>
See Also