Odometer

The Odometer extension enables animated numbers, displaying animated rolling-digit transitions, similar to physical odometers.

Features

• Displays a numeric Value and animates changes automatically when the value updates.

• Configurable animation speed through Duration in milliseconds.

• Multiple built-in visual skins: Default, Car, Digital, Minimal, Plaza, SlotMachine, and TrainStation.

Code Example

Odometer odometer1 = new Odometer();
odometer1.Skin = OdometerSkin.Digital;
odometer1.Value = 100;
odometer1.Duration = 1000;
this.Controls.Add(odometer1);

This code example creates an Odometer with the Digtal Skin- so it has green letters with a black background. The Value is set to 100, so that is the number that is displayed. Duration is set to 1000, so the animation whenever the Value changes will take 1000 milliseconds, or 1 second. The odometer created by this code looks like this:

The animation is triggered whenever the Value property of the Odometer changes. You could, for example, trigger the value change whenever a button is clicked:

private void button1_Click(object sender, EventArgs e)
{
    odometer1.Value += 10;
}

Source Code

wisej-extensions/Wisej.Web.Ext.Odometer at 4.0 · iceteagroup/wisej-extensionsGitHub

How To Use

The Odometer extension can be added to a Wisej.NET project using NuGet Package Manager.

Wisej-4-Odometer 4.0.13nuget