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 . Свойство Springiness изменяет синусоидальный характер этого колебания. При весенности 0 колебания в основном синусоидальные и напоминают типичную схему движения пружины. При больших значениях springiness это похоже на смачивание движения пружины.

Свойство Осцилляции объявляет, сколько раз функция колебается и пересекает значения, которые фактически ниже начального значения From .

Вы можете получить наилучшие результаты, просто поэкспериментируя со свойствами Springiness, Oscillations и EasingMode , пока анимация не будет визуально выполнять то, что нужно для сценария значения анимированного свойства.

BounceEase — это аналогичная функция, которая хорошо подходит для эмуляции физики в анимации. Разница с ElasticEase заключается в том, что bounceEase никогда не выходит за пределы диапазона От/до . Другой способ осмысления двух функций реалистичной анимации заключается в том, что ElasticEase — это то, что вы можете использовать для анимации выщипывания строки, в то время как BounceEase — это то, что вы можете использовать для отображения отскока мяча против линии или плоскости.

Функцию реалистичной анимации можно применять к свойствам EasingFunction анимаций From/To/By или к свойствам EasingFunction типов ключевых кадров, используемых для вариантов анимации по ключевым кадрам. Дополнительные сведения см. в разделах Анимация по ключевым кадрам и анимации функций для анимации по ключевым кадрам.

Конструкторы

Свойства

Методы

Применяется к

См. также раздел

• PowerEase
• BackEase
• BounceEase
• CircleEase
• CubicEase
• ExponentialEase
• QuadraticEase
• QuarticEase
• QuinticEase
• SineEase
• Раскадрованные анимации
• Анимации по ключевым кадрам и на основе функций для реалистичной анимации