Silverlightのいくつかのコントロールに1つのアニメーションを使用する方法

Question

Silverlightを（C＃で）ちょうど勉強していて、問題があります。 私は14の四角形を持ち、その幅と高さは「自動」に設定されています。 MouseEnter/MouseLeaveでアニメーションを作成したいアニメーションは幅/高さを変更するだけです。私はExpression Blend for Silverlight 5を使用していましたが、すべては問題ありませんでしたが、巨大なコードになりました。すべての四角形のリソースアニメーションを作成できますか？

これは、ブレンドによって作られたXAMLコードで、私はあなたのすべてのストーリーボードは、あなただけのこのプロパティを削除し、それを設定することができますproperty.So「Storyboard.TargetName」以外にも同じ内容を持っている14ようなブロック

<Storyboard x:Name="BigTableOne_MouseEnter"> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="Table1"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="1"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1.04"/> 
     </DoubleAnimationUsingKeyFrames> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="Table1"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="1"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1.04"/> 
     </DoubleAnimationUsingKeyFrames> 
    </Storyboard> 
    <Storyboard x:Name="BigTableOne_MouseLeave"> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="Table1"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="1.04"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/> 
     </DoubleAnimationUsingKeyFrames> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="Table1"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="1.04"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.2" Value="1"/> 
     </DoubleAnimationUsingKeyFrames> 
    </Storyboard> 

Answer 1

を持っています実行時に動的に。

詳細はhereです。