Version

Configuring Animation Duration (xamBusyIndicator)

Topic Overview

Purpose

This topic explains how to configure the xamBusyIndicator™ control animation duration.

Required background

The following topics are prerequisites to understanding this topic:

Topic Purpose

This topic explains the features supported by the control from developer perspective.

This topic provides an overview of the visual elements of the control.

In this topic

This topic contains the following sections:

Configuring Animation Duration

Overview

Use the BusyAnimation AnimationTotalDuration property to configure the total duration of the xamBusyIndicator animation. In this way, the speed of the animation is controlled.

By default, the AnimationTotalDuration property initial value is 3 seconds.

Property settings

The following table maps the desired configuration to the property settings that manage it.

In order to: Use this property: And set it to:

Specify the duration of the animation

Duration?

Example

The example below uses the following settings:

Property Value

AnimationTotalDuration

10 seconds

Following is the code that implements this example.

In XAML:

<ig:XamBusyIndicator Name="BusyIndicator" IsBusy="True" IsIndeterminate="True">
    <ig:XamBusyIndicator.Animation>
        <ig:ProgressRingBusyAnimation AnimationTotalDuration="0:0:10"  />
    </ig:XamBusyIndicator.Animation>
</ig:XamBusyIndicator>

In C#:

BusyIndicator.Animation = new ProgressRingBusyAnimation();
BusyIndicator.Animation.AnimationTotalDuration = new Duration(TimeSpan.FromSeconds(10));

In Visual Basic:

BusyIndicator.Animation = New ProgressRingBusyAnimation()
BusyIndicator.Animation.AnimationTotalDuration = New Duration(TimeSpan.FromSeconds(10))

Related Topics

The following topics provide additional information related to this topic.

Topic Purpose

This topic explains how to display the xamBusyIndicator control.

This topic explains how to configure the xamBusyIndicator busy content.

This topic explains how to configure the delay before displaying the xamBusyIndicator control.

This topic explains how to configure explicitly which UIElement receives the focus when the xamBusyIndicator is no longer active.

This topic explains how to configure the xamBusyIndicator control to display determinate progress.

This topic explains how to customize the xamBusyIndicator overlay style.

This topic explains how to customize the xamBusyIndicator control default animations brushes.