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

適用対象

こちらもご覧ください