UWPでキュービックベジェ曲線に沿ってUserControlをアニメーション化するには

Question

UserControlをCubic Bezier Curveに沿ってアニメーション化しようとしています。 これは私がUserControlには、以下のことがしたいのパスです：

<Path Stroke="Green" StrokeThickness="1" Data="M100,500 C275,200 825,200 1100,500" /> 

これは私が使用しようとしましたが、私は直線に沿ってアニメーション化する方法を唯一発見したコードです：

<Storyboard x:Name="MyAnimation">    
    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ObjectTranslateTransform" Storyboard.TargetProperty="X" Duration="0:0:5"> 
     <LinearDoubleKeyFrame Value="1100" KeyTime="0:0:5"/> 
    </DoubleAnimationUsingKeyFrames> 
    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ObjectTranslateTransform" Storyboard.TargetProperty="Y" Duration="0:0:5"> 
     <LinearDoubleKeyFrame Value="500" KeyTime="0:0:5"/> 
    </DoubleAnimationUsingKeyFrames> 
</Storyboard> 

私が見つけた唯一のことは、ベジエ曲線について語っているのは、SplineDoubleKeyFrameです。しかし、私はこれが私が探しているものに近くても動作することはできません。

これまでWPFでMatrixAnimationUsingPathとDoubleAnimationUsingPathを使用していましたが、これらのクラスはUWPでは利用できません。 UWPのパスに沿ってUserObjectをアニメーション化するにはどうすればよいですか？

EDIT： これは私がSplineDoubleKeyFrameのために使用しているコードである：

<Storyboard x:Name="MyAnimation"> 
    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ObjectTranslateTransform" Storyboard.TargetProperty="X" Duration="0:0:5"> 
     <SplineDoubleKeyFrame Value="1100" KeyTime="0:0:5" KeySpline="0.25,0.0 0.75,0.0"/> 
    </DoubleAnimationUsingKeyFrames> 
    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ObjectTranslateTransform" Storyboard.TargetProperty="Y" Duration="0:0:5"> 
     <SplineDoubleKeyFrame Value="500" KeyTime="0:0:5" KeySpline="0.0,0.4 0.0,0.4"/> 
    </DoubleAnimationUsingKeyFrames> 
</Storyboard> 

これはしかしだけ速度を減少させるの水平ラインに移動しています。私はKeySplineの値が何であるべきか理解していません。

Answer 1

あなたはそれについての質問で言及しましたが、ベジェ削減関数を自分で作成しない唯一の方法は、DoubleAnimationUsingKeyFramesを使ってSplineDoubleKeyFrameを使用しています。良い例がありますMSDNのドキュメントで

： - 初期値を設定するための時間= 0と値= xでとても基本的なリニアキーフレームhttps://docs.microsoft.com/en-us/windows/uwp/graphics/key-frame-and-easing-function-animations

あなたは、最初のキーフレームをお勧めします。

その後、あなたの終了時に、ベジエ制御点、あなたの最終値と時刻の値を持つSplineDoubleKeyFrame

あなたがしようとした結果と間違って何をしてきたコードを投稿することができますか？