IndicatorAnimation.Duration Property
Gets or sets the duration of an animation effect.
Namespace: DevExpress.Xpf.Gauges
Assembly: DevExpress.Xpf.Gauges.v18.2.dll
Declaration
Property Value
Type | Description |
---|---|
TimeSpan | A TimeSpan value that is the duration of an animation effect. |
Example
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.
Note
A complete sample project is available at https://github.com/DevExpress-Examples/how-to-animate-gauge-elements-e3316.
<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>
Related GitHub Examples
The following code snippet (auto-collected from DevExpress Examples) contains a reference to the Duration property.
Note
The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.