2017-08-02 11 views
0

DoubleAnimationUsingKeyFramesを使用してグリッドの幅をアニメーション化しようとしています。シンプルなリニアアニメーションを作る方法はすでに分かっていますが、私が達成しようとしているのは、開始時にスピードアップするスムーズな動きです。今はLinearDoubleKeyFrameを使用していますが、他のすべてのタイプのDoubleKeyFramesを試してみましたが、私が望む効果を与えるものはありませんでした。私はgraphを作って、私が得ようとしていることのより良いアイデアを得るべきです。WPFスムーズアニメーション

enter image description here

+1

いずれかを使用し(https://docs.microsoft.com/en-us/dotnet/framework/wpf/graphics-multimedia/イージング機能)。 ['EaseInOut'](https://docs.microsoft.com/en-us/dotnet/framework/wpf/graphics-multimedia/media/cubicease-graph.png)があなたのグラフに最も近いように見えます。 –

+0

これは、正確には 'CubicEase'の' EaseInOut'モードです。 –

+0

すぐにお返事ありがとうございます、私は今日後でそれらの機能を試してみます:) –

答えて

0

ブラッドリーUffner:

イージング関数のいずれかを使用します。 EaseInOutはあなたのグラフに最も近いように見えます。

0

例:[ `イージングFunctions`]の

<Trigger.EnterActions> 
    <BeginStoryboard> 
     <Storyboard> 
      <DoubleAnimation To="100" Duration="0:0:0.2" Storyboard.TargetName="e" Storyboard.TargetProperty="Width"> 
      <DoubleAnimation.EasingFunction> 
       <EaseInOut ></EaseInOut > 
      </DoubleAnimation.EasingFunction> 
      </DoubleAnimation> 
     </Storyboard> 
    </BeginStoryboard> 
</Trigger.EnterActions>