ElasticEase Clase

Definición

public ref class ElasticEase sealed : EasingFunctionBase

/// [Windows.Foundation.Metadata.Activatable(65536, "Microsoft.UI.Xaml.WinUIContract")]
/// [Windows.Foundation.Metadata.ContractVersion(Microsoft.UI.Xaml.WinUIContract, 65536)]
/// [Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
/// [Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
class ElasticEase final : EasingFunctionBase

[Windows.Foundation.Metadata.Activatable(65536, "Microsoft.UI.Xaml.WinUIContract")]
[Windows.Foundation.Metadata.ContractVersion(typeof(Microsoft.UI.Xaml.WinUIContract), 65536)]
[Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
[Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
public sealed class ElasticEase : EasingFunctionBase

Public NotInheritable Class ElasticEase
Inherits EasingFunctionBase

<ElasticEase .../>

Herencia

Object Platform::Object IInspectable DependencyObject EasingFunctionBase ElasticEase

Atributos

ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

Ejemplos

En este ejemplo XAML se aplica una función de aceleración elasticEase a doubleAnimation para crear una animación similar a una oscilación de muelle hacia atrás y hacia adelante hasta que se trata de descansar.

<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>
                    
                    <!-- Elastic easing function assigned to From/To animation -->
                    <ElasticEase x:Name="myElasticEase" Oscillations="3" 
                     Springiness="1" 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();
}

Comentarios

ElasticEase es una de las dos funciones de aceleración que pueden generar un valor fuera del rango normal de De/a . (El otro es BackEase). A medida que comienza la función de aceleración, el valor oscila positivo y negativo alrededor del valor From hasta que alcanza una amplitud positiva eventual que es el valor To . La propiedad Springiness modifica el carácter sinusoidal de esta oscilación. Con la primavera de 0, la oscilación es básicamente sinusoidal y se parece a un diagrama típico del movimiento de una primavera. Con valores de primavera más grandes, es como amortiguar el movimiento de la primavera.

La propiedad Oscilaciones declara cuántas veces la función oscila y cruza en valores que están realmente por debajo del valor De inicial.

Puede obtener los mejores resultados simplemente experimentando con las propiedades Springiness, Oscilaciones y EasingMode hasta que la animación esté haciendo visualmente lo que desea para su escenario de valor de propiedad animada.

BounceEase es una función de aceleración similar que funciona bien para la emulación física en animaciones. La diferencia con ElasticEase es que un BounceEase nunca irá fuera del intervalo De/a . Otra manera de conceptualizar las dos funciones de aceleración es que ElasticEase es lo que puede usar para animar el cojo de una cadena, mientras que BounceEase es lo que puede usar para mostrar el rebote de una pelota en una línea o plano.

Una función de aceleración se puede aplicar a las propiedades EasingFunction de las animaciones From/To/By o a las propiedades EasingFunction de los tipos de fotograma clave usados para las variantes De aceleración de animaciones de fotograma clave. Para obtener más información, consulta Animaciones de fotograma clave y animaciones de funciones de aceleración.

Consulte también

• PowerEase
• BackEase
• BounceEase
• CircleEase
• CubicEase
• ExponentialEase
• QuadraticEase
• QuarticEase
• QuinticEase
• SineEase
• animaciones con guion gráfico
• Animaciones de fotograma clave y animaciones de función de aceleración