DoubleAnimation.EasingFunction Propriedade

Definição

Namespace:

Microsoft.UI.Xaml.Media.Animation

Obtém ou define a função de easing aplicada a essa animação.

public:
 property EasingFunctionBase ^ EasingFunction { EasingFunctionBase ^ get(); void set(EasingFunctionBase ^ value); };

EasingFunctionBase EasingFunction();

void EasingFunction(EasingFunctionBase value);

public EasingFunctionBase EasingFunction { get; set; }

var easingFunctionBase = doubleAnimation.easingFunction;
doubleAnimation.easingFunction = easingFunctionBase;

Public Property EasingFunction As EasingFunctionBase

<DoubleAnimation>
  <DoubleAnimation.EasingFunction>
    singleEasingFunction
  </DoubleAnimation.EasingFunction>
</DoubleAnimation>

Valor da propriedade

EasingFunctionBase

A função de easing aplicada a essa animação.

Exemplos

Este exemplo XAML aplica uma função de easing BounceEase a um DoubleAnimation para criar um efeito de salto.

<StackPanel x:Name="LayoutRoot" Background="White">
    <StackPanel.Resources>
        <Storyboard x:Name="myStoryboard">
            <DoubleAnimation From="30" To="200" Duration="00:00:3" 
                Storyboard.TargetName="ball" 
                Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.Y)">
                <DoubleAnimation.EasingFunction>
                    <BounceEase Bounces="4" EasingMode="EaseOut" 
                                Bounciness="1.8" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </StackPanel.Resources>

    <Ellipse x:Name="ball" MouseLeftButtonDown="Clicked" 
     Fill="Blue" Width="100" Height="100">
      <Ellipse.RenderTransform>
        <TranslateTransform/>
      <Ellipse.RenderTransform>
    <Ellipse
</StackPanel>

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

Comentários

As funções easing permitem aplicar fórmulas matemáticas personalizadas às suas animações. As operações matemáticas geralmente são úteis para produzir animações que simulam a física real em um sistema de coordenadas 2D. Por exemplo, talvez você queira que um objeto ricocheteie de modo realista ou comporte-se como se estivesse em uma mola. Para obter uma lista de funções de easing e informações sobre como usá-las, consulte Animações de quadro-chave e animações de função de easing.

Confira também

• Animações com storyboard
• Animações de quadro chave e animações com função de easing
• Exemplo de animação XAML