VisualTransition.GeneratedEasingFunction Property

Reference

Definition

Namespace:: Windows.UI.Xaml

Important

Some information relates to prerelease product that may be substantially modified before it’s released. Microsoft makes no warranties, express or implied, with respect to the information provided here.

Edit

Gets or sets the easing function applied to the generated animations.

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

Property Value

EasingFunctionBase

An easing function implementation that is applied to the generated animations.

Examples

This XAML example shows the markup for applying a QuadraticEase easing function to the interpolation of implicit transition animations during the transition. Setting the EasingMode is important if you don't want the default easing mode for all easing functions, which is EasingMode.EaseIn.

<!--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>

Remarks

A VisualTransition typically uses a linear interpolation to control the implicit transition animations that happen over the GeneratedDuration. Setting a value for GeneratedEasingFunction changes this linear behavior and instead applies the timing logic of a particular EasingFunctionBase derived class to the interpolation. For example, if you wanted an interpolation rate to start off slowly and reach the To value rapidly at the end of the transition's duration, you might set GeneratedEasingFunction using a PowerEase with EasingMode.EaseIn.

Applies to