DoubleAnimation.EasingFunction Propriedade

Definição

Namespace:
Microsoft.UI.Xaml.Media.Animation
Editar

Obtém ou define a função de easing aplicada a esta 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 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 de easing permitem que você aplique 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 do mundo real em um sistema de coordenadas 2D. Por exemplo, talvez você queira que um objeto salte ou se comporte de forma realista 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.

Aplica-se a

Confira também