BounceEase クラス

定義

public ref class BounceEase 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 BounceEase 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 BounceEase : EasingFunctionBase

Public NotInheritable Class BounceEase
Inherits EasingFunctionBase

<BounceEase .../>

継承

Object Platform::Object IInspectable DependencyObject EasingFunctionBase BounceEase

属性

ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

例

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

<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>
                    <BounceEase Bounces="2" EasingMode="EaseOut" 
                                Bounciness="2" />
                </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();
}

注釈

BounceEase には、関数の動作に影響する 2 つの制御プロパティ のバウンス と バウンス があります。

ElasticEase は、アニメーションの物理エミュレーションに適した同様のイージング関数です。 BounceEase との違いは、 ElasticEase が From/To の範囲外になる可能性がある点です。 2 つのイージング関数を概念化するもう 1 つの方法は、 ElasticEase を使用して文字列のプラッキングをアニメーション化する方法ですが、BounceEase は、ラインまたは平面に対するボールのバウンスを表示するために使用する方法です。

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

こちらもご覧ください

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