ElasticEase クラス

定義

名前空間:

Windows.UI.Xaml.Media.Animation

スプリングが伸び縮みしながら最終的に停止するまでの動きを模したアニメーションを作成するイージング関数を表します。

public ref class ElasticEase sealed : EasingFunctionBase

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

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

Public NotInheritable Class ElasticEase
Inherits EasingFunctionBase

<ElasticEase .../>

継承

Object Platform::Object IInspectable DependencyObject EasingFunctionBase ElasticEase

属性

ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

Windows の要件

デバイス ファミリ	Windows 10 (10.0.10240.0 で導入)
API contract	Windows.Foundation.UniversalApiContract (v1.0 で導入)

例

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

' When the user clicks the rectangle, the animation
' begins. 
Private Sub Pointer_Clicked(ByVal sender As Object, ByVal e As PointerRoutedEventArgs)
    myStoryboard.Begin()
End Sub

注釈

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

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

アニメーションがアニメーション化されたプロパティ値のシナリオに必要な処理を視覚的に行うまで、 Springiness、 Oscillations 、 EasingMode の各プロパティを試すだけで、最適な結果が得られる場合があります。

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

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

コンストラクター

ElasticEase()

ElasticEase クラスの新しいインスタンスを初期化します。

プロパティ

Dispatcher	このオブジェクトが関連付けられている CoreDispatcher を取得します。 CoreDispatcher は、コードが UI 以外のスレッドによって開始された場合でも、UI スレッド上の DependencyObject にアクセスできる機能を表します。 (継承元 DependencyObject)
EasingMode	アニメーションの補間の方法を指定する値を取得または設定します。 (継承元 EasingFunctionBase)
Oscillations	アニメーションが最終的に停止するまでの間に、ターゲットが前後運動する回数を取得または設定します。
OscillationsProperty	振動依存関係プロパティ を 識別します。
Springiness	スプリングの硬さを取得または設定します。 Springiness の値が小さいほど、スプリングが硬くなり、弾性の強さが 1 回の振動で速く衰えます。
SpringinessProperty	Springiness 依存関係プロパティを識別します。

メソッド

ClearValue(DependencyProperty)	依存関係プロパティのローカル値をクリアします。 (継承元 DependencyObject)
Ease(Double)	正規化時間を変換して、アニメーションの速度を制御します。 (継承元 EasingFunctionBase)
GetAnimationBaseValue(DependencyProperty)	依存関係プロパティに対して確立された基本値を返します。これは、アニメーションがアクティブでない場合に適用されます。 (継承元 DependencyObject)
GetValue(DependencyProperty)	DependencyObject から依存関係プロパティの現在の有効な値を返します。 (継承元 DependencyObject)
ReadLocalValue(DependencyProperty)	ローカル値が設定されている場合は、依存関係プロパティのローカル値を返します。 (継承元 DependencyObject)
RegisterPropertyChangedCallback(DependencyProperty, DependencyPropertyChangedCallback)	この DependencyObject インスタンスの特定の DependencyProperty に対する変更をリッスンするための通知関数を登録します。 (継承元 DependencyObject)
SetValue(DependencyProperty, Object)	DependencyObject の依存関係プロパティのローカル値を設定します。 (継承元 DependencyObject)
UnregisterPropertyChangedCallback(DependencyProperty, Int64)	RegisterPropertyChangedCallback を呼び出して以前に登録した変更通知を取り消します。 (継承元 DependencyObject)

こちらもご覧ください

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