DoubleAnimation.EasingFunction プロパティ

定義

名前空間:

Microsoft.UI.Xaml.Media.Animation

このアニメーションに適用されているイージング機能を取得または設定します。

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>

プロパティ値

EasingFunctionBase

このアニメーションに適用されているイージング機能。

例

この XAML の例では、 BounceEase イージング関数を DoubleAnimation に適用して、バウンス効果を作成します。

<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();
}

注釈

イージング関数を使うと、独自の数式をアニメーションに適用することができます。 数学演算は、2-D の座標系で実際の物理法則をシミュレートするアニメーションを作るうえで役立ちます。 たとえば、オブジェクトをリアルにバウンドさせたり、バネに乗っているように動作させたりすることができます。 イージング関数の一覧と使用方法の情報については、「 キー フレーム アニメーションとイージング関数アニメーション」を参照してください。

こちらもご覧ください

• ストーリーボードに設定されたアニメーション
• キー フレーム アニメーションとイージング関数のアニメーション
• XAML アニメーションのサンプル