mirror of https://github.com/Stone-Red-Code/docs-desktop.git synced 2026-09-07 23:43:19 +02:00

Files

T

Andy De George da363692ff Initial WPF content migrated (#17 )

* 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

2020-09-04 09:46:28 -07:00

4.1 KiB

Raw Blame History

title, ms.date, helpviewer_keywords, ms.assetid

title

ms.date

helpviewer_keywords

ms.assetid

How to: Control an Animation using From, To, and By

03/30/2017

animation [WPF], From/to/by

basic animation [WPF]

animation [WPF], basic animation

From/to/by animation

59afba57-6fc1-44c8-987e-8a5f4142adad

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 xref:System.Windows.Media.Animation.DoubleAnimation.From%2A, xref:System.Windows.Media.Animation.DoubleAnimation.To%2A, and xref:System.Windows.Media.Animation.DoubleAnimation.By%2A properties. The following table summarizes how the xref:System.Windows.Media.Animation.DoubleAnimation.From%2A, xref:System.Windows.Media.Animation.DoubleAnimation.To%2A, and xref:System.Windows.Media.Animation.DoubleAnimation.By%2A properties may be used together or separately to determine an animation's target values.

Properties specified	Resulting behavior
xref:System.Windows.Media.Animation.DoubleAnimation.From%2A	The animation progresses from the value specified by the xref:System.Windows.Media.Animation.DoubleAnimation.From%2A 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.
xref:System.Windows.Media.Animation.DoubleAnimation.From%2A and xref:System.Windows.Media.Animation.DoubleAnimation.To%2A	The animation progresses from the value specified by the xref:System.Windows.Media.Animation.DoubleAnimation.From%2A property to the value specified by the xref:System.Windows.Media.Animation.DoubleAnimation.To%2A property.
xref:System.Windows.Media.Animation.DoubleAnimation.From%2A and xref:System.Windows.Media.Animation.DoubleAnimation.By%2A	The animation progresses from the value specified by the xref:System.Windows.Media.Animation.DoubleAnimation.From%2A property to the value specified by the sum of the xref:System.Windows.Media.Animation.DoubleAnimation.From%2A and xref:System.Windows.Media.Animation.DoubleAnimation.By%2A properties.
xref:System.Windows.Media.Animation.DoubleAnimation.To%2A	The animation progresses from the animated property's base value or a previous animation's output value to the value specified by the xref:System.Windows.Media.Animation.DoubleAnimation.To%2A property.
xref:System.Windows.Media.Animation.DoubleAnimation.By%2A	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 xref:System.Windows.Media.Animation.DoubleAnimation.By%2A property.

Note

Do not set both the xref:System.Windows.Media.Animation.DoubleAnimation.To%2A property and the xref:System.Windows.Media.Animation.DoubleAnimation.By%2A property on the same animation.

To use other interpolation methods or animate between more than two target values, use a key frame animation. See Key-Frame Animations Overview for more information.

For information about applying multiple animations to a single property, see Key-Frame Animations Overview.

The example below shows the different effects of setting xref:System.Windows.Media.Animation.DoubleAnimation.To%2A, xref:System.Windows.Media.Animation.DoubleAnimation.By%2A, and xref:System.Windows.Media.Animation.DoubleAnimation.From%2A properties on animations.

Example

[!code-xamlBasicAnimations_snippet#AnimationTargetValuesWholePage]

4.1 KiB Raw Blame History

How to: Control an Animation using From, To, and By

Example

See also

4.1 KiB

Raw Blame History