共用方式為

VisualTransition.GeneratedEasingFunction 屬性

  • 參考

定義

命名空間:
Microsoft.UI.Xaml
編輯

取得或設定套用至所產生動畫的 Easing 函式。

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

套用至所產生動畫的 Easing 函式實作。

範例

這個 XAML 範例示範在轉換期間將 QuadraticEase Easing 函式套用至隱含轉換動畫插補的標記。 如果您不想要所有 Easing 函式的預設 Easing 模式，也就是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值，您可以使用PowerEase搭配EasingMode.EaseIn來設定 GeneratedEasingFunction 。

適用於

另請參閱