VisualTransition.GeneratedEasingFunction 속성

정의

네임스페이스:

Windows.UI.Xaml

생성된 애니메이션에 적용되는 감속/가속 함수를 가져오거나 설정합니다.

public:
 property EasingFunctionBase ^ GeneratedEasingFunction { EasingFunctionBase ^ get(); void set(EasingFunctionBase ^ value); };

EasingFunctionBase GeneratedEasingFunction();

void GeneratedEasingFunction(EasingFunctionBase value);

public EasingFunctionBase GeneratedEasingFunction { get; set; }

var easingFunctionBase = visualTransition.generatedEasingFunction;
visualTransition.generatedEasingFunction = easingFunctionBase;

Public Property GeneratedEasingFunction As EasingFunctionBase

속성 값

EasingFunctionBase

생성된 애니메이션에 적용되는 감속/가속 함수 구현입니다.

예제

이 XAML 예제에서는 전환 중에 암시적 전환 애니메이션의 보간에 QuadraticEase 감속/가속 함수를 적용하기 위한 태그를 보여 줍니다. EasingMode.EaseIn인 모든 감속/가속 함수에 대한 기본 감속/가속 모드를 사용하지 않으려면 EasingMode를 설정하는 것이 중요합니다.

<!--template root-->
<VisualStateManager.VisualStateGroups>
  <VisualStateGroup x:Name="States">
    <VisualState x:Name="FirstState">
       <!--state logic omitted-->
    </VisualState>
    <VisualState x:Name="SecondState">
       <!--state logic omitted-->
    </VisualState>
    <VisualStateGroup.Transitions>
      <VisualTransition To="SecondState" GeneratedDuration="0:0:10">
        <VisualTransition.GeneratedEasingFunction>
          <QuadraticEase EasingMode="EaseOut"/>
        </VisualTransition.GeneratedEasingFunction>
      </VisualTransition>
    </VisualStateGroup.Transitions>
  </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

설명

VisualTransition은 일반적으로 선형 보간을 사용하여 GeneratedDuration에서 발생하는 암시적 전환 애니메이션을 제어합니다. GeneratedEasingFunction 값을 설정하면 이 선형 동작이 변경되고 대신 특정 EasingFunctionBase 파생 클래스의 타이밍 논리가 보간에 적용됩니다. 예를 들어 보간 속도가 천천히 시작되고 전환 기간이 끝날 때 To 값에 빠르게 도달하려면 EasingMode.EaseIn과 함께 PowerEase를 사용하여 GeneratedEasingFunction을 설정할 수 있습니다.

추가 정보

• 키 프레임 애니메이션 및 감속/가속 함수 애니메이션
• 빠른 시작: 컨트롤 템플릿
• 스토리보드 애니메이션
• 시각적 상태에 대한 스토리보드 애니메이션