Skip to content

Latest commit

 

History

History
40 lines (25 loc) · 2.25 KB

sineease.md

File metadata and controls

40 lines (25 loc) · 2.25 KB
Raw
-api-id -api-type
T:Microsoft.UI.Xaml.Media.Animation.SineEase
winrt class

Microsoft.UI.Xaml.Media.Animation.SineEase

-description

Represents an easing function that creates an animation that accelerates and/or decelerates using a sine formula.

-xaml-syntax

<SineEase .../>

-remarks

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:

Formula of f(t) equals 1 minus sin times (1-t) times Pi over 2

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.

-examples

This XAML example applies a SineEase easing function to a DoubleAnimation to create a decelerating animation.

[!code-xamlSineEase]

[!code-csharpSineEase_code]

-see-also

Key-frame animations and easing function animations, Storyboarded animations, PowerEase, BackEase, BounceEase, CircleEase, CubicEase, ElasticEase, ExponentialEase, QuadraticEase, QuarticEase, QuinticEase, QuarticEase, QuinticEase