QuadraticEase QuadraticEase QuadraticEase QuadraticEase Class

Definition

Represents an easing function that creates an animation that accelerates and/or decelerates using the formula f (t) = t2

public : sealed class QuadraticEase : EasingFunctionBase, IQuadraticEasepublic sealed class QuadraticEase : EasingFunctionBase, IQuadraticEasePublic NotInheritable Class QuadraticEase Inherits EasingFunctionBase Implements IQuadraticEase// This API is not available in Javascript.
<QuadraticEase .../>
Inheritance
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

The following example applies a QuadraticEase easing function to a DoubleAnimation to create a decelerating animation.

    <StackPanel x:Name="LayoutRoot" >
    <StackPanel.Resources>
        <Storyboard x:Name="myStoryboard">
            <DoubleAnimation From="1" To="6" Duration="00:00:3" 
                Storyboard.TargetName="rectScaleTransform" 
                Storyboard.TargetProperty="ScaleY">
                <DoubleAnimation.EasingFunction>
                    <QuadraticEase EasingMode="EaseOut"/>
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </StackPanel.Resources>

    <Rectangle PointerPressed="Pointer_Clicked" 
     Fill="Blue" Width="200" Height="30">
        <Rectangle.RenderTransform>
            <ScaleTransform x:Name="rectScaleTransform" />
        </Rectangle.RenderTransform>
    </Rectangle>

</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

QuadraticEase has the same behavior as does a PowerEase with Power value of 2. When EasingMode is EaseIn (the default), this easing function starts slow, remains fairly slow until about half way through the duration, and accelerates near the end of the duration time.

An easing function can be applied to the EasingFunction properties of From/To/By animations, or to the EasingFunction properties of key-frame types used for the Easing variants of key-frame animations. For more info, see Key-frame animations and easing function animations.

Constructors

QuadraticEase() QuadraticEase() QuadraticEase() QuadraticEase()

Initializes a new instance of the QuadraticEase class.

public : QuadraticEase()public QuadraticEase()Public Sub New()// This API is not available in Javascript.

See Also