如何爲自定義組件旋轉轉換創建動畫？

Question

考慮以下幾點：

<Viewbox> 
    <Foo:Bar 
     x:FieldModifier="private" 
     x:Name="fooBar" 
     HorizontalAlignment="Center" 
     VerticalAlignment="Center" 
     RenderTransformOrigin="0.5,0.5"> 
     <Foo:Bar.RenderTransform> 
      <TransformGroup> 
       <ScaleTransform 
        x:FieldModifier="private" 
        x:Name="xfScale"/> 
       <RotateTransform 
        x:FieldModifier="private" 
        x:Name="xfRotate"/> 
      </TransformGroup> 
     </Foo:Bar.RenderTransform> 
     <Foo:Bar.Style> 
      <Style TargetType="{x:Type Foo:Bar}"> 
       <Style.Triggers> 
        <DataTrigger 
         Binding="{ 
          Binding Flip, 
          RelativeSource={ 
           RelativeSource AncestorType={ 
            x:Type local:myFooBar}}}" 
         Value="True"> 
         <DataTrigger.EnterActions> 
          <BeginStoryboard> 
           <Storyboard> 
            <DoubleAnimation 
             Storyboard.TargetProperty=""/> 
           </Storyboard> 
          </BeginStoryboard> 
         </DataTrigger.EnterActions> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </Foo:Bar.Style> 
    </Foo:Bar> 
</Viewbox> 

這是一個新的組件，基本上是卡住內視框（自動縮放標籤）看中的標籤，我需要做什麼來點Storyboard.TargetProperty的是能夠動畫，例如，RotateTransformAngle屬性？

Answer 1

您需要爲您的xfScale/xfRotate命名轉換設置TargetName。

您的TargetProperty將是所使用轉換的屬性。

Like for Scale;

Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)"

和

Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"

除了只有指定屬性，你還需要提供一個Value動畫來。所以就整體而言，它會變成類似的東西;

<DoubleAnimationUsingKeyFrames Storyboard.TargetName="xfScale" 
           Storyboard.TargetProperty="X"> 
    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="0" /> 
</DoubleAnimationUsingKeyFrames> 

或對於旋轉你需要你的Angle屬性。值得一提的是，Blend使得這些東西比手動更快更容易，特別是對於複雜的動畫。

希望這會有所幫助，歡呼聲。