ElasticEase クラス

定義

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 .../>

継承

Object Platform::Object IInspectable DependencyObject EasingFunctionBase ElasticEase

属性

ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

例

この XAML の例では、ElasticEase イージング関数を DoubleAnimation に適用して、静止するまで前後に振動するスプリングに似たアニメーションを作成します。

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

注釈

ElasticEase は、通常の From To/ の範囲外の値を生成できる 2 つのイージング関数の 1 つです。 (もう 1 つは BackEase です)。イージング関数が開始すると、値は From 値の周りで正と負の振動を行い、最終的に正の振幅 (To 値) に 達します。 Springiness プロパティは、この振動の正弦文字を変更します。 Springiness が 0 の場合、振動は基本的に正弦であり、ばねの動きの典型的な図に似ています。 Springiness の値が大きいほど、スプリングのモーションを減衰させるようなものです。

オシレーション プロパティは、関数が振動し、実際に開始元の値より下にある値に交差する回数を宣言します。

アニメーションがアニメーションプロパティ値のシナリオに必要な処理を視覚的に行うまで、 Springiness、 オシレーション 、 およびイージングモード の各プロパティを試すだけで、最良の結果が得られる場合があります。

BounceEase は、アニメーションの物理エミュレーションに適した同様のイージング関数です。 ElasticEase との違いは、BounceEase が [差/出人] の範囲外に移動しなくなる点です。 2 つのイージング関数を概念化するもう 1 つの方法は、ElasticEase を使用して文字列の抜き取りをアニメーション化する方法ですが、 BounceEase は、線または平面に対するボールのバウンスを表示するために使用する方法です。

イージング関数は、From To//By アニメーションの EasingFunction プロパティ、またはキー フレーム アニメーションのイージング バリアントに使用されるキー フレーム型の EasingFunction プロパティに適用できます。 詳細については、「 キー フレーム アニメーション」および「イージング関数アニメーション」を参照してください。

コンストラクター

プロパティ

メソッド

適用対象

こちらもご覧ください

• PowerEase
• BackEase
• BounceEase
• CircleEase
• CubicEase
• ExponentialEase
• QuadraticEase
• QuarticEase
• QuinticEase
• SineEase
• ストーリーボードに設定されたアニメーション
• キー フレーム アニメーションとイージング関数のアニメーション