Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]Welcome to DevExpress .NET Documentation
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Collapse]Gauge Controls
   [Expand]Getting Started
    Scales
    Value Indicators
   [Expand]Visual Elements
   [Collapse]Examples
    [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]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Diagram Control
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

How to: Sequentially Animate Texts in a Digital Gauge Control

Show Me

A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=E3756.

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?​​​​​​​