[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Collapse]Gauge Controls
   [Expand]Getting Started
    Value Indicators
   [Expand]Visual Elements
    [Expand]Circular Gauges
    [Expand]Linear Gauges
    [Collapse]Digital Gauges
      How to: Use a Digital Gauge Control
      How to: Use Custom Symbol Mapping in the Digital Gauge Control
      How to: Set Symbols Length in the Digital Gauge
      How to: Sequentially Animate Texts in a Digital Gauge Control
    [Expand]State Indicators
    [Expand]End-User Interaction
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

How to: Sequentially Animate Texts in a Digital Gauge Control

The following sample demonstrates how to use creeping line and blinking animation effects to imitate an advertising indicator board.

To accomplish this task, it is necessary to create a CreepingLineAnimation object and assign it to the SymbolViewBase.Animation property. Then, handle the CreepingLineAnimationCompleted event and assign a new BlinkingAnimation object to the SymbolViewBase.Animation property.

Note that in this example, the two texts have a different number of symbols: the first ("Do you want to learn more?") - 26, the second ("www.devexpress.com") - 18 characters.

To prevent animation of space symbols in the second text and demonstrate the creeping line animation for the entire text, the DigitalGaugeControl.SymbolCount, CreepingLineAnimation.StartSpaces and CreepingLineAnimation.AdditionalSpaces properties are set to the values that correspond to the required number of characters.

Is this topic helpful?​​​​​​​