BackEase.Amplitude Property

Definition

Namespace:

Microsoft.UI.Xaml.Media.Animation

Gets or sets the amplitude of retraction associated with a BackEase animation.

public:
 property double Amplitude { double get(); void set(double value); };

double Amplitude();

void Amplitude(double value);

public double Amplitude { get; set; }

var double = backEase.amplitude;
backEase.amplitude = double;

Public Property Amplitude As Double

<BackEase Amplitude="double" .../>

Property Value

Double

double

The amplitude of retraction associated with a BackEase animation. This value must be greater than or equal to 0. The default is 1.

Examples

The following example applies a BackEase easing function to a DoubleAnimation to create an animation that retracts slightly at the beginning and end of the animation.

<StackPanel x:Name="LayoutRoot" >
    <StackPanel.Resources>
        <Storyboard x:Name="myStoryboard">
                <DoubleAnimation From="1" To="2" Duration="00:00:1" 
                Storyboard.TargetName="myScaleTransform" 
                Storyboard.TargetProperty="ScaleX">
                <DoubleAnimation.EasingFunction>
                    <BackEase Amplitude="0.3" EasingMode="EaseInOut" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </StackPanel.Resources>

    <Rectangle Margin="60" x:Name="myRectangle" PointerPressed="Pointer_Clicked" 
     Fill="Blue" Width="50" Height="50" >
        
        <Rectangle.RenderTransform>
            <ScaleTransform x:Name="myScaleTransform" />
        </Rectangle.RenderTransform>
        
    </Rectangle>
</StackPanel>

// When the user clicks the rectangle, the animation
// begins. 
private void Pointer_Clicked(object sender, PointerRoutedEventArgs e)
{
    myStoryboard.Begin();
}