Back to Devexpress

IndicatorAnimation Class

wpf-devexpress-dot-xpf-dot-gauges-ec03bbb1.md

latest4.1 KB
Original Source

IndicatorAnimation Class

Contains settings for animating a value indicator when it changes its value.

Namespace : DevExpress.Xpf.Gauges

Assembly : DevExpress.Xpf.Gauges.v25.2.dll

NuGet Package : DevExpress.Wpf.Gauges

Declaration

csharp
public class IndicatorAnimation :
    AnimationBase
vb
Public Class IndicatorAnimation
    Inherits AnimationBase

The following members return IndicatorAnimation objects:

Remarks

Use the IndicatorAnimation class properties to adjust how value indicators should be animated (e.g. the AnimationBase.Duration property to set the animation time; AnimationBase.EasingFunction to specify the type of animation, etc.).

An object of the IndicatorAnimation class can be accessed via the ValueIndicatorBase.Animation property.

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.

xaml
<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>

Inheritance

Object DispatcherObject DependencyObject Freezable GaugeDependencyObject AnimationBase IndicatorAnimation

See Also

IndicatorAnimation Members

Value Indicators

DevExpress.Xpf.Gauges Namespace