Andy De George
da363692ff
* Reset branch for WPF changes * Convert BMP to PNG; fix link-out-of-scope err * Add snippets for WPF... 6794 files!!!! * Add missing snippets * update file updated between migration * Fix paths to include * update breadcrumb and toc * fix index links * fix index links * fix index links * fix markdown
2.6 KiB
title, ms.date, helpviewer_keywords, ms.assetid
| title | ms.date | helpviewer_keywords | ms.assetid | ||
|---|---|---|---|---|---|
| How to: Apply Animations to Text | 03/30/2017 |
|
eec3d26c-0a21-420f-8012-671621c47089 |
How to: Apply Animations to Text
Animations can alter the display and appearance of text in your application. The following examples use different types of animations to affect the display of text in a xref:System.Windows.Controls.TextBlock control.
Example
The following example uses a xref:System.Windows.Media.Animation.DoubleAnimation to animate the width of the text block. The width value changes from the width of the text block to 0 over a duration of 10 seconds, and then reverses the width values and continues. This type of animation creates a wipe effect.
[!code-xamlTextAnimationSample#TextAnimationSample1]
The following example uses a xref:System.Windows.Media.Animation.DoubleAnimation to animate the opacity of the text block. The opacity value changes from 1.0 to 0 over a duration of 5 seconds, and then reverses the opacity values and continues.
[!code-xamlTextAnimationSample#TextAnimationSample2]
The following diagram shows the effect of the xref:System.Windows.Controls.TextBlock control changing its opacity from 1.00 to 0.00 during the 5-second interval defined by the xref:System.Windows.Media.Animation.Timeline.Duration%2A.
The following example uses a xref:System.Windows.Media.Animation.ColorAnimation to animate the foreground color of the text block. The foreground color value changes from one color to a second color over a duration of 5 seconds, and then reverses the color values and continues.
[!code-xamlTextAnimationSample#TextAnimationSample3]
The following example uses a xref:System.Windows.Media.Animation.DoubleAnimation to rotate the text block. The text block performs a full rotation over a duration of 20 seconds, and then continues to repeat the rotation.
[!code-xamlTextAnimationSample#TextAnimationSample4]