ThicknessAnimation Class
Assembly: PresentationFramework (in presentationframework.dll)
XML Namespace: http://schemas.microsoft.com/winfx/2006/xaml/presentation
An animation updates the value of a property over a period of time. An animation effect can be subtle, such as moving a Shape a few pixels left and right, or dramatic, such as enlarging an object to 200 times its original size while spinning it and changing its color. To create an animation in Windows Presentation Foundation (WPF), you associate an animation with an object's property value.
Target Values
The ThicknessAnimation class creates a transition between two target values. To set its target values, use its From, To, and By properties. The following table summarizes how the From, To, and By properties may be used together or separately to determine an animation's target values.
| Properties specified | Resulting behavior |
|---|---|
| From | The animation progresses from the value specified by the From property to the base value of the property being animated or to a previous animation's output value, depending on how the previous animation is configured. |
| From and To | The animation progresses from the value specified by the From property to the value specified by the To property. |
| From and By | The animation progresses from the value specified by the From property to the value specified by the sum of the From and By properties. |
| To | The animation progresses from the animated property's base value or a previous animation's output value to the value specified by the To property. |
| By | The animation progresses from the base value of the property being animated or a previous animation's output value to the sum of that value and the value specified by the By property. |
Note: |
|---|
| If you set both the To and By properties, the To property takes precedence and the By property is ignored. |
To use other interpolation methods or animate between more than two target values, use a ThicknessAnimationUsingKeyFrames object.
For information about applying multiple animations to a single property, see KeyFrame Animations.
Freezable Features
Because the ThicknessAnimation class inherits from Freezable, ThicknessAnimation objects gain several special features, which include the following: they can be declared as resources, shared among multiple objects, made read-only to improve performance, cloned, and made thread-safe. For more information about the different features provided by Freezable objects, see the Freezable Objects Overview.
This example shows how to animate changes to the thickness of a border by using the ThicknessAnimation class.
The following example animates the thickness of a border by using ThicknessAnimation. The example uses the BorderThickness property of Border.
using System; using System.Windows; using System.Windows.Controls; using System.Windows.Shapes; using System.Windows.Media.Animation; using System.Windows.Media; namespace SDKSamples { public class ThicknessAnimationExample : Page { public ThicknessAnimationExample() { // Create a NameScope for this page so that // Storyboards can be used. NameScope.SetNameScope(this, new NameScope()); // Create a Border which will be the target of the animation. Border myBorder = new Border(); myBorder.Background = Brushes.Gray; myBorder.BorderBrush = Brushes.Black; myBorder.BorderThickness = new Thickness(1); myBorder.Margin = new Thickness(0, 60, 0, 20); myBorder.Padding = new Thickness(20); // Assign the border a name so that // it can be targeted by a Storyboard. this.RegisterName( "myAnimatedBorder", myBorder); ThicknessAnimation myThicknessAnimation = new ThicknessAnimation(); myThicknessAnimation.Duration = TimeSpan.FromSeconds(1.5); myThicknessAnimation.FillBehavior = FillBehavior.HoldEnd; // Set the From and To properties of the animation. // BorderThickness animates from left=1, right=1, top=1, and bottom=1 // to left=28, right=28, top=14, and bottom=14 over one and a half seconds. myThicknessAnimation.From = new Thickness(1, 1, 1, 1); myThicknessAnimation.To = new Thickness(28, 14, 28, 14); // Set the animation to target the Size property // of the object named "myArcSegment." Storyboard.SetTargetName(myThicknessAnimation, "myAnimatedBorder"); Storyboard.SetTargetProperty( myThicknessAnimation, new PropertyPath(Border.BorderThicknessProperty)); // Create a storyboard to apply the animation. Storyboard ellipseStoryboard = new Storyboard(); ellipseStoryboard.Children.Add(myThicknessAnimation); // Start the storyboard when the Path loads. myBorder.Loaded += delegate(object sender, RoutedEventArgs e) { ellipseStoryboard.Begin(this); }; StackPanel myStackPanel = new StackPanel(); myStackPanel.HorizontalAlignment = HorizontalAlignment.Center; myStackPanel.Children.Add(myBorder); Content = myStackPanel; } } }
<!-- This example shows how to use the ThicknessAnimation to create an animation on the BorderThickness property of a Border. --> <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > <StackPanel Orientation="Vertical" HorizontalAlignment="Center"> <Border Background="#99FFFFFF" BorderBrush="#CCCCFF" BorderThickness="1" Margin="0,60,0,20" Padding="20" > <Border.Triggers> <EventTrigger RoutedEvent="Border.Loaded"> <BeginStoryboard> <Storyboard> <!-- BorderThickness animates from left=1, right=1, top=1, and bottom=1 to left=28, right=28, top=14, and bottom=14 over one second. --> <ThicknessAnimation Storyboard.TargetProperty="BorderThickness" Duration="0:0:1.5" FillBehavior="HoldEnd" From="1,1,1,1" To="28,14,28,14" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Border.Triggers> <TextBlock> This example shows how to use the ThicknessAnimation to create an animation on the BorderThickness property of a Border. </TextBlock> </Border> </StackPanel> </Page>
For the complete sample, see Animation Example Gallery.
More Code
| How to: Control an Animation using From, To, and By | A "From/To/By" or "basic animation" creates a transition between two target values (see Animation Overview for an introduction to different types of animations). To set the target values of a basic animation, use its From, To, and By properties. The following table summarizes how the From, To, and By properties may be used together or separately to determine an animation's target values. |
System.Windows.Threading.DispatcherObject
System.Windows.DependencyObject
System.Windows.Freezable
System.Windows.Media.Animation.Animatable
System.Windows.Media.Animation.Timeline
System.Windows.Media.Animation.AnimationTimeline
System.Windows.Media.Animation.ThicknessAnimationBase
System.Windows.Media.Animation.ThicknessAnimation
Windows 98, Windows Server 2000 SP4, Windows CE, Windows Millennium Edition, Windows Mobile for Pocket PC, Windows Mobile for Smartphone, Windows Server 2003, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP SP2, Windows XP Starter Edition
The Microsoft .NET Framework 3.0 is supported on Windows Vista, Microsoft Windows XP SP2, and Windows Server 2003 SP1.
Note: