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
-
QuadraticEaseQuadraticEaseQuadraticEaseQuadraticEase
- Attributes
| 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.