wpfストーリーボードでPath.Dataを変更

Question

wpfでパスデータをアニメーション化するにはどうすればよいですか？このプロパティを変更する一連のテンプレート化Silverlight-5コントロールがあります。これらのコントロールはwpfで動作するように適応する必要があります。 wpfでは、VSMが状態を変更しようとすると、次の例外が発生してクラッシュします。

'System.Windows.Shapes.Path'で 'System.Windows.Media'を使用して 'Data'プロパティをアニメートできません。 Animation.ObjectAnimationUsingKeyFrames '

内部例外： ' Data 'プロパティに適用されたアニメーションは、プロパティの有効な値ではない[XXX-The path data-]の現在の値を計算します。

ボタンコントロールの例を以下に示します：円から星に向かうパス - どのようにwpfに組み込むことができますか？

<Style x:Key="ButtonStyle1" TargetType="Button"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Grid> 
         <VisualStateManager.VisualStateGroups> 
          <VisualStateGroup x:Name="CommonStates"> 
           <VisualState x:Name="MouseOver"> 
            <Storyboard> 
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Path.Data)" Storyboard.TargetName="path"> 
             <DiscreteObjectKeyFrame KeyTime="0"> 
              <DiscreteObjectKeyFrame.Value>M 291.42858 512.36218 216.73569 387.62221 74.321018 416.8994 169.87441 307.31546 98.0216 180.91821 l 133.74814 57.01338 98.00719 -107.39498 -12.89251 144.82014 132.42459 60.0235 -141.71614 32.49039 z</DiscreteObjectKeyFrame.Value> 
             </DiscreteObjectKeyFrame> 
            </ObjectAnimationUsingKeyFrames> 
           </Storyboard> 
          </VisualState> 
          </VisualStateGroup> 
         </VisualStateManager.VisualStateGroups> 
         <Viewbox> 
         <Path x:Name="path" Stroke="Black" Fill="Black" UseLayoutRounding="False" Data="m 357.14285 425.21933 c 0 71.79702 -58.20298 130 -130 130 -71.79701 0 -129.999997 -58.20298 -129.999997 -130 0 -71.79702 58.202987 -130 129.999997 -130 71.79702 0 130 58.20298 130 130 z"/> 
         </Viewbox> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

Answer 1

要素構文を使ってんのポイントにあなたがオブジェクトのインスタンスを作成しない場合、それはまだ文字列とDataちょうど言ったタグでラップし、それが動作するはず、Geometryです。

<DiscreteObjectKeyFrame.Value> 
    <Geometry> 
     M 291.42858 512.36218 216.73569 387.62221 74.321018 416.8994 169.87441 307.31546 98.0216 180.91821 l 133.74814 57.01338 98.00719 -107.39498 -12.89251 144.82014 132.42459 60.0235 -141.71614 32.49039 z 
    </Geometry> 
</DiscreteObjectKeyFrame.Value>