TranslationAnimation 클래스

정의

네임스페이스:

Windows.UI.Core.AnimationMetrics

번역(새 위치로 이동) 애니메이션에 대한 매개 변수를 검색할 수 있는 메서드를 제공합니다.

public ref class TranslationAnimation sealed : IPropertyAnimation

/// [Windows.Foundation.Metadata.ContractVersion(Windows.UI.Core.AnimationMetrics.AnimationMetricsContract, 65536)]
/// [Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
class TranslationAnimation final : IPropertyAnimation

[Windows.Foundation.Metadata.ContractVersion(typeof(Windows.UI.Core.AnimationMetrics.AnimationMetricsContract), 65536)]
[Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
public sealed class TranslationAnimation : IPropertyAnimation

Public NotInheritable Class TranslationAnimation
Implements IPropertyAnimation

상속

Object Platform::Object IInspectable TranslationAnimation

특성

ContractVersionAttribute MarshalingBehaviorAttribute

구현

IPropertyAnimation

Windows 요구 사항

디바이스 패밀리	Windows Desktop Extension SDK (10.0.10240.0에서 도입되었습니다.)
API contract	Windows.UI.Core.AnimationMetrics.AnimationMetricsContract (v1.0에서 도입되었습니다.)

예제

TranslationAnimation 클래스의 instance 가져오려면 먼저 애니메이션 설명에서 애니메이션 컬렉션을 가져온 다음 해당 애니메이션 배열을 걸어서 변환 형식의 모든 애니메이션을 찾습니다. 다음 예제에서는 이 프로세스를 보여 줍니다. 효과 및 대상 매개 변수는 이전에 할당된 것으로 간주됩니다.

using Windows.UI.Core.AnimationMetrics;

AnimationDescription animationDescription = new AnimationDescription(effect, target);
foreach (var animation in animationDescription.Animations)
{
    switch (animation.Type)
    {
        case PropertyAnimationType.Scale:
            {
                ScaleAnimation scale = animation as ScaleAnimation;
                // Retrieve scale animation metrics.
            }
            break;
        case PropertyAnimationType.Translation:
            {
                TranslationAnimation scale = animation as TranslationAnimation;
                // Retrieve translation animation metrics.
            }
            break;
        case PropertyAnimationType.Opacity:
            {
                OpacityAnimation opacity = animation as OpacityAnimation;
                // Retrieve opacity animation metrics.
            }
            break;
    }
}

설명

번역 애니메이션을 실행하려면 이 인터페이스의 메서드를 통해 제공된 타이밍 정보에 따라 항목의 위치를 현재 위치에서 최종 위치(레이아웃 변경 후 개체의 위치)로 이동합니다.

타이밍 컨트롤 Control1 및 Control2 는 입방형 베지어 곡선의 첫 번째 및 두 번째 제어점 위치를 지정합니다. 이 두 점은 CSS transition-timing-function 속성에서와 동일한 의미를 갖습니다. 제어점 0은 항상 (0,0)이고 제어점 3은 항상 (1,1)입니다. Control1 및 Control2의 좌표는 항상 0~1 범위(포함)입니다.

결과 Bézier 곡선에서 x 좌표는 시간을 나타내고 y 좌표는 진행률을 나타냅니다. (0,0)에서 (1,1)로의 원시 곡선은 애니메이션 전환의 실제 기간 및 범위와 일치하도록 크기가 조정되므로 x=0은 변환의 시작 시간이고 x=1은 종료 시간입니다. y=0은 애니메이션 속성의 초기 값이고 y=1은 최종 값입니다. 0에서 1 사이의 x와 y 값은 시간 및 애니메이션의 해당 중간 값을 나타냅니다.

속성

Control1	시간이 지남에 따라 변환에 애니메이션 효과를 주는 방법을 설명하는 입방형 베지어 곡선의 첫 번째 제어점 위치를 가져옵니다.
Control2	시간이 지남에 따라 변환에 애니메이션 효과를 주는 방법을 설명하는 입방형 베지어 곡선의 두 번째 제어점 위치를 가져옵니다.
Delay	번역 애니메이션이 시작하도록 지시된 시간과 해당 애니메이션이 실제로 그리기 시작하는 시점 사이의 시간을 가져옵니다.
Duration	번역 애니메이션을 수행해야 하는 시간을 가져옵니다. 여기에는 지연이 포함되지 않습니다.
Type	이 개체가 나타내는 애니메이션의 형식을 가져옵니다.

추가 정보

• AnimationDescription
• 애니메이션 메트릭 샘플