PowerEase
PowerEase
PowerEase
PowerEase
Class
Definition
Represents an easing function that creates an animation that accelerates and/or decelerates using the formula f (t) = tp where p is equal to the Power property.
public : sealed class PowerEase : EasingFunctionBase, IPowerEasepublic sealed class PowerEase : EasingFunctionBase, IPowerEasePublic NotInheritable Class PowerEase Inherits EasingFunctionBase Implements IPowerEase// This API is not available in Javascript.
<PowerEase .../>
- Inheritance
-
PowerEasePowerEasePowerEasePowerEase
- 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 PowerEase easing function with a Power property value of 20 to a DoubleAnimation to create a decelerating animation. Because the Power value is so high, the deceleration is sudden compared to what it would be if you used a lower value.
<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>
<PowerEase Power="20" 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
A PowerEase can be used to produce the same results as some of the other easing functions, depending on how Power is set. For example, a CubicEase is the same as a PowerEase with Power of 3.
Power is a Double value so can be used to set non-integer values. For example you could use a Power of 2.5 to produce an easing function has a sharper curve than QuadraticEase but not as sharp as CubicEase.
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
Properties
Power Power Power Power
Gets or sets the exponential power of the animation interpolation. For example, a value of 7 creates an animation interpolation curve that follows the formula f (t) = t7.
public : double Power { get; set; }public double Power { get; set; }Public ReadWrite Property Power As double// This API is not available in Javascript.
<PowerEase Power="double" .../>
- Value
- double double double double
The exponential power of the animation interpolation. This value must be greater or equal to 0. The default is 2.
PowerProperty PowerProperty PowerProperty PowerProperty
Identifies the Power dependency property.
public : static DependencyProperty PowerProperty { get; }public static DependencyProperty PowerProperty { get; }Public Static ReadOnly Property PowerProperty As DependencyProperty// This API is not available in Javascript.
The identifier for the Power dependency property.