Easing​Double​Key​Frame Easing​Double​Key​Frame Easing​Double​Key​Frame Class

Definition

Associates an easing function with a DoubleAnimationUsingKeyFrames key-frame animation.

public : sealed class EasingDoubleKeyFrame : DoubleKeyFrame, IEasingDoubleKeyFramepublic sealed class EasingDoubleKeyFrame : DoubleKeyFrame, IEasingDoubleKeyFramePublic NotInheritable Class EasingDoubleKeyFrame Inherits DoubleKeyFrame Implements IEasingDoubleKeyFrame
<EasingDoubleKeyFrame .../>
Inheritance
EasingDoubleKeyFrameEasingDoubleKeyFrameEasingDoubleKeyFrame
Attributes
Windows 10 requirements
Device family
Windows 10 (introduced v10.0.10240.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v1)

Inherited Members

Inherited methods

Inherited properties

Examples

This XAML example shows how to use key frames that have easing functions associated with them to create an animation of a rectangle that contracts upward, slows down, then expands downward (as though falling), and then bounces to a stop.

<StackPanel x:Name="LayoutRoot" >
    <StackPanel.Resources>
        <Storyboard x:Name="myStoryboard">
            <DoubleAnimationUsingKeyFrames
             Storyboard.TargetProperty="Height"
             Storyboard.TargetName="myRectangle" EnableDependentAnimation="true">

                <!-- This keyframe animates the ellipse up to the crest 
                     where it slows down and stops. -->
                <EasingDoubleKeyFrame Value="30" KeyTime="00:00:02">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>

                <!-- This keyframe animates the ellipse back down and makes
                     it bounce. -->
                <EasingDoubleKeyFrame Value="200" KeyTime="00:00:06">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <BounceEase Bounces="5" EasingMode="EaseOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>

            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </StackPanel.Resources>

    <Rectangle x:Name="myRectangle" PointerPressed="Pointer_Clicked" 
     Fill="Blue" Width="200" Height="200" />
</StackPanel>
// When the user clicks the rectangle, the animation
// begins. 
private void Pointer_Clicked(object sender, PointerRoutedEventArgs e)
{
    myStoryboard.Begin();
}
' When the user clicks the rectangle, the animation
' begins. 
Private Sub Pointer_Clicked(ByVal sender As Object, ByVal e As PointerRoutedEventArgs)
    myStoryboard.Begin()
End Sub

Remarks

Easing functions allow you to apply custom mathematical formulas to your animations. Mathematical operations are often useful to produce animations that simulate real-world physics in a 2-D coordinate system. For example, you may want an object to realistically bounce or behave as though it were on a spring. For a list of easing functions and info on how to use them, see Key-frame animations and easing function animations.

Constructors

EasingDoubleKeyFrame() EasingDoubleKeyFrame() EasingDoubleKeyFrame()

Initializes a new instance of the EasingDoubleKeyFrame class.

public : EasingDoubleKeyFrame()public EasingDoubleKeyFrame()Public Sub New()
Attributes

Properties

EasingFunction EasingFunction EasingFunction

Gets or sets the easing function that is applied to the key frame.

public : EasingFunctionBase EasingFunction { get; set; }public EasingFunctionBase EasingFunction { get; set; }Public ReadWrite Property EasingFunction As EasingFunctionBase
<EasingPointKeyFrame>
  <EasingPointKeyFrame.EasingFunction>
    easingFunction
  </EasingPointKeyFrame.EasingFunction >
</EasingPointKeyFrame> 
Value
EasingFunctionBase EasingFunctionBase EasingFunctionBase

The easing function that is applied to the key frame.

Attributes

EasingFunctionProperty EasingFunctionProperty EasingFunctionProperty

Identifies the EasingFunction dependency property.

public : static DependencyProperty EasingFunctionProperty { get; }public static DependencyProperty EasingFunctionProperty { get; }Public Static ReadOnly Property EasingFunctionProperty As DependencyProperty
Value
DependencyProperty DependencyProperty DependencyProperty

The identifier for the EasingFunction dependency property.

Attributes

See Also