How to: Sequentially Animate Texts in a Digital Gauge Control
- 2 minutes to read
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.
A complete sample project is available at https://github.com/DevExpress-Examples/how-to-sequentially-animate-texts-in-a-digital-gauge-control-e3756.
Imports Microsoft.VisualBasic Imports System Imports System.Windows Imports DevExpress.Xpf.Gauges Namespace WpfApplication1 Partial Public Class MainWindow Inherits Window Public Sub New() InitializeComponent() End Sub Private Sub OnCreepingLineAnimationCompleted(ByVal sender As Object, ByVal e As EventArgs) Dim blinking As New BlinkingAnimation() matrix.Animation = blinking digitalGaugeControl1.Text = "www.devexpress.com" End Sub End Class End Namespace