ExponentialEase ExponentialEase ExponentialEase ExponentialEase Class

Definition

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

public : sealed class ExponentialEase : EasingFunctionBase, IExponentialEasepublic sealed class ExponentialEase : EasingFunctionBase, IExponentialEasePublic NotInheritable Class ExponentialEase Inherits EasingFunctionBase Implements IExponentialEase// This API is not available in Javascript.
<ExponentialEase .../>
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

This XAML example applies a ExponentialEase 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>
                    <ExponentialEase Exponent="6" 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

ExponentialEase is an easing function that has a function-over-time formula that uses an Exponent value to shape the function-over-time curve. The value used for Exponent changes the shape of the curve quite a bit. Exponent can be negative, if so the function acts a bit like changing the EasingMode to EaseOut with a positive value. You might want to experiment with different values for Exponent and EasingMode when using this easing function.

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

ExponentialEase() ExponentialEase() ExponentialEase() ExponentialEase()

Initializes a new instance of the ExponentialEase class.

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

Properties

Exponent Exponent Exponent Exponent

Gets or sets the exponent used to determine the interpolation of the animation.

public : double Exponent { get; set; }public double Exponent { get; set; }Public ReadWrite Property Exponent As double// This API is not available in Javascript.
<ExponentialEase Exponent="double" .../>
Value
double double double double

The exponent used to determine the interpolation of the animation. The default is 2.

ExponentProperty ExponentProperty ExponentProperty ExponentProperty

Identifies the Exponent dependency property.

public : static DependencyProperty ExponentProperty { get; }public static DependencyProperty ExponentProperty { get; }Public Static ReadOnly Property ExponentProperty As DependencyProperty// This API is not available in Javascript.
Value
DependencyProperty DependencyProperty DependencyProperty DependencyProperty

The identifier for the Exponent dependency property.

See Also