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 範圍值的緩和函數之一。 （另一個是 BackEase。）當鬆弛函數開始時，值會圍繞 From 值正負振盪，直到最終達到正振幅，即 To 值。 彈簧性特性改變了此振盪的正弦波特性。 當 彈簧度 為0時，振盪基本上是正弦波，類似彈簧運動的典型圖示。 彈 簧度 越大，就像抑制彈簧的運動。

振盪特性說明函數振盪的次數，並交叉到實際低於起始 From 值的數值。

你可以嘗試調整 彈簧感、 振盪 和 緩和模式 屬性，直到動畫在視覺上達到你想要的效果，效果可能更好。

BounceEase 是一個類似的減緩功能，非常適合動畫中的物理模擬。 ElasticEase 的差別在於 BounceEase 永遠不會超出 From/To 範圍。 另一種概念化這兩個鬆動函數的方式是，ElasticEase 是用來動畫撥弦的動作，而 BounceEase 則是用來顯示球在線條或平面上的彈跳。

易解函數可以套用到FromTo/By動畫的/EasingFunction屬性，或用於關鍵影格動畫Ease變體的關鍵影格類型的EasingFunction屬性。 更多資訊請參見 關鍵影格動畫與輕鬆功能動畫。

另請參閱

• PowerEase
• BackEase
• BounceEase
• CircleEase
• CubicEase
• ExponentialEase
• QuadraticEase
• QuarticEase
• QuinticEase
• SineEase
• 分鏡腳本動畫
• 關鍵影格動畫與緩和功能動畫