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
-
ExponentialEaseExponentialEaseExponentialEaseExponentialEase
- Attributes
| 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.
The identifier for the Exponent dependency property.