BackEase Класс

Определение

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

Public NotInheritable Class BackEase
Inherits EasingFunctionBase

<BackEase .../>

Наследование

Object Platform::Object IInspectable DependencyObject EasingFunctionBase BackEase

Атрибуты

ActivatableAttribute ContractVersionAttribute MarshalingBehaviorAttribute ThreadingAttribute

Примеры

В следующем примере функция упрощения BackEase применяется к DoubleAnimation , чтобы создать анимацию, которая немного оттягивается в начале и конце анимации.

<StackPanel x:Name="LayoutRoot" >
    <StackPanel.Resources>
        <Storyboard x:Name="myStoryboard">
                <DoubleAnimation From="1" To="2" Duration="00:00:1" 
                Storyboard.TargetName="myScaleTransform" 
                Storyboard.TargetProperty="ScaleX">
                <DoubleAnimation.EasingFunction>
                    <BackEase Amplitude="0.3" EasingMode="EaseInOut" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
        </Storyboard>
    </StackPanel.Resources>

    <Rectangle Margin="60" x:Name="myRectangle" PointerPressed="Pointer_Clicked" 
     Fill="Blue" Width="50" Height="50" >
        
        <Rectangle.RenderTransform>
            <ScaleTransform x:Name="myScaleTransform" />
        </Rectangle.RenderTransform>
        
    </Rectangle>
</StackPanel>

// When the user clicks the rectangle, the animation
// begins. 
private void Pointer_Clicked(object sender, PointerRoutedEventArgs e)
{
    myStoryboard.Begin();
}

Комментарии

BackEase — это одна из двух функций упрощения, которые могут создавать значение за пределами обычного диапазона from/To . (Другой — ElasticEase.)

• Если элемент EasingMode — EaseIn (по умолчанию), функция начинается путем изменения значения в противоположном направлении изменения значения , что от и до указания, иными словами, изначально оно создает значение, которое меньше значения From .
• Если элемент EasingMode — EaseOut , функция запускается обычным образом, но ближе к концу будет превышать значение To , а затем вернуться к значению To в конце.
• Если элемент EasingMode — EaseInOut , функция дает значения, которые меньше , чем в начале и больше, чем в конце. На этом рисунке показана приближение графа с течением времени для BackEase для каждого из трех возможных значений EasingMode с Amplitude в качестве значения по умолчанию.

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

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

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

• PowerEase
• BounceEase
• CircleEase
• CubicEase
• ElasticEase
• ExponentialEase
• QuadraticEase
• QuarticEase
• QuinticEase
• SineEase
• Анимированные раскадровки