次の方法で共有

VisualTransition.GeneratedEasingFunction プロパティ

  • リファレンス

定義

名前空間:
Microsoft.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 の例は、遷移中に暗黙的な遷移アニメーションの補間に 対して、2 次的なイージング 関数を適用するためのマークアップを示しています。 EasingMode を設定することは、すべてのイージング関数 (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>

注釈

VisualTransition は通常、線形補間を使用して、GeneratedDuration で発生する暗黙的な遷移アニメーションを制御します。 の GeneratedEasingFunction 値を設定すると、この線形動作が変わり、代わりに特定の EasingFunctionBase 派生クラスのタイミング ロジックが補間に適用されます。 たとえば、補間レートを徐々に開始し、切り替えの期間の終了時に To 値に急速に到達する場合は、EasingMode.EaseIn で PowerEase を使用して設定GeneratedEasingFunctionできます。

適用対象

こちらもご覧ください