Exponential​Ease Exponential​Ease Exponential​Ease 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
<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()

Initializes a new instance of the ExponentialEase class.

public : ExponentialEase()public ExponentialEase()Public Sub New()
Attributes

Properties

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
<ExponentialEase Exponent="double" .../>
Value
double double double

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

Attributes

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
Value
DependencyProperty DependencyProperty DependencyProperty

The identifier for the Exponent dependency property.

Attributes

See Also