다음을 통해 공유


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
특성

예제

이 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입니다.) 감속/가속 함수가 시작되면 값은 To 값인 최종 양수 진폭에 도달할 때까지 From 값 주위에서 양수 및 음수로 진동합니다. Springiness 속성은 이 진동의 부비동 문자를 수정합니다. Springiness가 0이면 진동은 기본적으로 부비동이며 스프링 동작의 일반적인 다이어그램과 유사합니다. Springiness 값이 클수록 스프링의 움직임을 약화시키는 것과 같습니다.

Oscillations 속성은 함수가 진동하고 실제로 시작 From 값보다 낮은 값으로 교차하는 횟수를 선언합니다.

애니메이션이 애니메이션 속성 값 시나리오에 대해 원하는 작업을 시각적으로 수행할 때까지 Springiness, OscillationsEasingMode 속성을 실험하여 최상의 결과를 얻을 수 있습니다.

BounceEase 는 애니메이션에서 물리학 에뮬레이션에 잘 작동하는 유사한 감속/가속 함수입니다. ElasticEase와의 차이점은 BounceEaseFrom To/범위를 벗어나 지 않는다는 것입니다. 두 감속/가속 함수를 개념화하는 또 다른 방법은 ElasticEase가 문자열의 뽑기를 애니메이션하는 데 사용할 수 있는 반면 BounceEase 는 라인이나 평면에 대해 공의 바운스를 표시하는 데 사용할 수 있다는 것입니다.

감속/가속 함수는 From// ToBy 애니메이션의 EasingFunction 속성 또는 키 프레임 애니메이션의 Easing 변형에 사용되는 키 프레임 형식의 EasingFunction 속성에 적용 할 수 있습니다. 자세한 내용은 키 프레임 애니메이션 및 감속/가속 함수 애니메이션을 참조하세요.

생성자

ElasticEase()

ElasticEase 클래스의 새 instance 초기화합니다.

속성

Dispatcher

항상 Windows 앱 SDK 앱에서 를 반환 null 합니다. 대신 DispatcherQueue 를 사용합니다.

(다음에서 상속됨 DependencyObject)
DispatcherQueue

DispatcherQueue 이 개체가 연결된 을 가져옵니다. 는 DispatcherQueue 코드가 비 UI 스레드에 의해 시작되는 경우에도 UI 스레드에서 에 액세스할 DependencyObject 수 있는 기능을 나타냅니다.

(다음에서 상속됨 DependencyObject)
EasingMode

애니메이션이 보간되는 방법을 지정하는 값을 가져오거나 설정합니다.

(다음에서 상속됨 EasingFunctionBase)
Oscillations

대상이 애니메이션 대상 위에서 앞뒤로 이동하는 횟수를 가져오거나 설정합니다.

OscillationsProperty

Oscillations 종속성 속성을 식별합니다.

Springiness

스프링의 강성도를 가져오거나 설정합니다. Springiness 값이 작을수록 스프링이 딱딱하고 각 진동의 세기에서 탄력성이 더 빨리 감소합니다.

SpringinessProperty

Springiness 종속성 속성을 식별합니다.

메서드

ClearValue(DependencyProperty)

종속성 속성의 로컬 값을 지웁니다.

(다음에서 상속됨 DependencyObject)
Ease(Double)

정규화된 시간을 변환하여 애니메이션 속도를 제어합니다.

(다음에서 상속됨 EasingFunctionBase)
GetAnimationBaseValue(DependencyProperty)

애니메이션이 활성화되지 않은 경우 적용되는 종속성 속성에 대해 설정된 모든 기본 값을 반환합니다.

(다음에서 상속됨 DependencyObject)
GetValue(DependencyProperty)

DependencyObject에서 종속성 속성의 현재 유효 값을 반환합니다.

(다음에서 상속됨 DependencyObject)
ReadLocalValue(DependencyProperty)

로컬 값이 설정된 경우 종속성 속성의 로컬 값을 반환합니다.

(다음에서 상속됨 DependencyObject)
RegisterPropertyChangedCallback(DependencyProperty, DependencyPropertyChangedCallback)

DependencyObject instance 특정 DependencyProperty의 변경 내용을 수신 대기하기 위한 알림 함수를 등록합니다.

(다음에서 상속됨 DependencyObject)
SetValue(DependencyProperty, Object)

DependencyObject에서 종속성 속성의 로컬 값을 설정합니다.

(다음에서 상속됨 DependencyObject)
UnregisterPropertyChangedCallback(DependencyProperty, Int64)

RegisterPropertyChangedCallback을 호출하여 이전에 등록된 변경 알림을 취소합니다.

(다음에서 상속됨 DependencyObject)

적용 대상

추가 정보