Represents an easing function that creates an animation that accelerates and/or decelerates using a sine formula.
The SineEase class has these types of members:
The SineEase class has these constructors.
|SineEase||Initializes a new instance of the SineEase class.|
The SineEase 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 SineEase 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)|
SineEase is an easing function that has a function-over-time formula that resembles a sine curve when represented as a function-time graph. When EasingMode is EaseIn (the default), this easing function starts slow and accelerates gradually as it reaches the end. It reaches about 30% value halfway through the duration.
The formula used for this function is:
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.
This XAML example applies a SineEase 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> <SineEase 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]|
Minimum supported phone
|Windows Phone 8.1 [Windows Runtime apps only]|
- Key-frame animations and easing function animations
- Storyboarded animations