Represents an easing function that creates an animation that accelerates and/or decelerates using the formula f(t) = t2
The QuadraticEase class has these types of members:
The QuadraticEase class has these constructors.
|QuadraticEase||Initializes a new instance of the QuadraticEase class.|
The QuadraticEase class has these methods. It also inherits methods from the Object class.
|ClearValue||Clears the local value of a dependency property. (Inherited from DependencyObject)|
|Ease||Transforms normalized time to control the pace of an animation. (Inherited from EasingFunctionBase)|
|GetAnimationBaseValue||Returns any base value established for a dependency property, which would apply in cases where an animation is not active. (Inherited from DependencyObject)|
|GetValue||Returns the current effective value of a dependency property from a DependencyObject. (Inherited from DependencyObject)|
|ReadLocalValue||Returns the local value of a dependency property, if a local value is set. (Inherited from DependencyObject)|
|SetValue||Sets the local value of a dependency property on a DependencyObject. (Inherited from DependencyObject)|
The QuadraticEase class has these properties.
|Read-only||Gets the CoreDispatcher that this object is associated with. (Inherited from DependencyObject)|
|Read/write||Gets or sets a value that specifies how the animation interpolates. (Inherited from EasingFunctionBase)|
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.
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 Sub Pointer_Clicked(ByVal sender As Object, ByVal e As PointerRoutedEventArgs) myStoryboard.Begin() End Sub
Minimum supported client
|Windows 8 [Windows Store apps only]|
Minimum supported server
|Windows Server 2012 [Windows Store apps only]|
- Storyboarded animations
- Key-frame animations and easing function animations