[]
        
(Showing Draft Content)

Animation

By default, when the Value of a gauge is changed, the pointer animates smoothly from the old value to the new one. This provides a natural, fluid transition between values.

In cases where this animation is not desired — for example, when values update very frequently or need to reflect changes instantly — set IsAnimated="False" to disable all animation. Value changes will then appear immediately without any transition.

Customizing the Animation

The UpdateAnimation property allows you to customize the animation behavior when the gauge value changes. You can configure:

Property

Description

Duration

How long the animation takes to complete.

StartDelay

A delay before the animation begins.

Easing

The easing function that controls the acceleration curve of the animation.

For example, the Clock sample demonstrates how to customize the easing so the seconds hand moves more realistically, using an ElasticEase to simulate the mechanical bounce of a real clock:

clockSecs.UpdateAnimation.Easing = new ElasticEase() { Oscillations = 1, Springiness = 4 };

Note: IsAnimated is true by default. Setting it to false disables both the default animation and any custom UpdateAnimation configuration.