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 是两个缓动函数之一，可生成超出正常 “从/到 ”范围的值。 (另一个是 BackEase.) 缓动函数开始时，值在 From 值周围振荡正负，直到达到最终的正振幅，即 To 值。 Springiness 属性修改此振荡的正弦字符。 Springiness 为 0 时，振荡基本上是正弦的，类似于弹簧运动的典型示意图。 如果 Springiness 值较大，则类似于抑制弹簧的运动。

涛动属性声明函数振荡并交叉到实际低于起始起始值的值的次数。

只需试验 Springiness、 振荡 和 EasingMode 属性，直到动画直观地执行动画属性值方案所需的操作，即可获得最佳结果。

BounceEase 是一个类似的缓动函数，适用于动画中的物理模拟。 ElasticEase 的区别在于 ，BounceEase 永远不会超出 “从/到 ”范围。 概念化这两个缓动函数的另一种方法是 ElasticEase 是可用于对字符串的拔出进行动画处理，而 BounceEase 是可用于显示球对线条或平面的弹跳。

缓动函数可以应用于 From/To/By 动画的 EasingFunction 属性，或应用于用于关键帧动画缓动变体的关键帧类型的 EasingFunction 属性。 有关详细信息，请参阅 关键帧动画和缓动函数动画。

构造函数

属性

方法

适用于

另请参阅

• PowerEase
• BackEase
• BounceEase
• CircleEase
• CubicEase
• ExponentialEase
• QuadraticEase
• QuarticEase
• QuinticEase
• SineEase
• 情节提要动画
• 关键帧动画以及缓动函数动画