無法將Storyboard.TargetProperty設置爲Metro風格應用程序中的CompositeTransform.Rotation，代碼爲

Question

我在Metro XAML應用程序中混淆了一些Storyboard。我必須在代碼中創建一個Storyboard。我想設置Storyboard.TargetProperty到CompositeTransform.Rotation

這似乎是不可能的......

我的故事板在XAML看起來是這樣的：

<Storyboard> 
    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="grid"> 
     <EasingDoubleKeyFrame KeyTime="0" Value="0"/> 
     <EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="60"/ 
    </DoubleAnimationUsingKeyFrames> 
</Storyboard> 

我想創建類似的東西。
重要提示：我不想重新創建這個確切的故事板。我在自定義ContentControl的代碼中，所以this是Control，並且沒有「網格」來定位動畫。目標是控制本身，其中有CompositeTransform以前設置。

到目前爲止我的代碼是這樣的：

var turnSB = new Storyboard(); 

var doubleAnim = new DoubleAnimationUsingKeyFrames(); 
doubleAnim.KeyFrames.Add(new EasingDoubleKeyFrame() { KeyTime = TimeSpan.FromMilliseconds(0), Value = currentAngle }); 
doubleAnim.KeyFrames.Add(new EasingDoubleKeyFrame() { KeyTime = TimeSpan.FromMilliseconds(500), Value = targetAngle }); 

turnSB.Children.Add(doubleAnim); 

Storyboard.SetTarget(doubleAnim, this.RenderTransform); 
Storyboard.SetTargetProperty(doubleAnim, "(CompositeTransform.Rotation)"); 

turnSB.Begin(); 

只要它擊中Begin方法我得到一個異常說（CompositeTransform.Rotation）不能得到解決。所以我猜我沒有得到物業路徑非常正確。我嘗試了不同的變體，但根據PropertyPaths，這應該是正確的，不是嗎？ ：S

如果這是一個無法解決的問題，我願意在解決方法建議...

編輯：

我想我已經解決了這個問題現在。我有一些有趣的發現，雖然...

如果我做一個用戶控件，我幾乎可以做任何事情。一切正常，我可以設置Storyboard.Target屬性，並且動畫可以正確播放。

但是，如果我使用自定義控件，或從另一個控件（比如ContentControl）繼承，我無法從代碼啓動Storyboard，僅在某些情況下。

例如：如果我製作一個Storyboard（在XAML中定義）來爲Rotation（或任何轉換屬性）製作動畫並嘗試從代碼開始，我會得到上述異常。但是，如果我爲一個簡單的屬性創建動畫，比如說不透明度，它就可以正常工作。
（我用UserControl做了同樣的工作，它工作。）

有人可以解釋這個嗎？

Answer 1

從MSDN docs看起來您需要設置整個字符串路徑。因此，對於在XAML中所描述的動畫，你就需要設置TargetProperty這樣

Storyboard.SetTargetProperty(doubleAnim, "(UIElement.RenderTransform).(CompositeTransform.Rotation)"); 

UPDATE： 發現這個blog post它增加了一個時間軸的故事板的一個孩子。請嘗試以下操作：

Storyboard.SetTarget(doubleAnim, this.RenderTransform); 
Storyboard.SetTargetProperty(doubleAnim, "Rotation"); // maybe "CompositeTransform.Rotation" 
storyboard.Children.Add(doubleAnim); 

Answer 2

我認爲你得到這個錯誤的原因是因爲你沒有實例化的自定義控件的RenderTransform財產。

public class CustomControl2 : Control 
{ 
    public CustomControl2() 
    { 
     this.DefaultStyleKey = typeof(CustomControl2); 
    } 

    protected override void OnApplyTemplate() 
    { 
     base.OnApplyTemplate(); 
    } 

    public void RunAnimation() 
    { 
     //this.RenderTransform = new CompositeTransform(); 
     this.Background = new SolidColorBrush(Color.FromArgb(0xFF, 0x33, 0xC8, 0x9C)); 

     var turnSB = new Storyboard(); 

     var doubleAnim = new DoubleAnimationUsingKeyFrames(); 
     doubleAnim.KeyFrames.Add(new EasingDoubleKeyFrame() { KeyTime = TimeSpan.FromMilliseconds(0), Value = 10 }); 
     doubleAnim.KeyFrames.Add(new EasingDoubleKeyFrame() { KeyTime = TimeSpan.FromMilliseconds(500), Value = 30 }); 

     turnSB.Children.Add(doubleAnim); 

     Storyboard.SetTarget(doubleAnim, this.RenderTransform); 
     Storyboard.SetTargetProperty(doubleAnim, "(CompositeTransform.Rotation)"); 

     turnSB.Begin(); 
    } 
} 

注意，在上面的代碼，如果我的方法RunAnimation下注釋掉的第一行，它會拋出我，你所得到的是同樣的錯誤。

然後我在我的主頁中創建了這個控件，並創建了一個Button來啓動動畫。

private void Button_Click_1(object sender, RoutedEventArgs e) 
{ 
    this.MyControl.RunAnimation(); 
} 

我測試了上面的代碼，它工作正常。

Answer 3

解決它

的問題是在路徑的youre使用元素，其具有從其延伸到所述屬性本身的父類派生。我有我自己的控制工作，所以做了一個小例子，你可以複製粘貼（未經測試的代碼）：

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using Windows.UI.Xaml; 
using Windows.UI.Xaml.Controls; 
using Windows.UI.Xaml.Media; 
using Windows.UI.Xaml.Media.Animation; 

namespace CustomControls 
{ 
    /// <summary> 
    /// Author: Frank Wolferink 
    /// Note: example is untested and comes as is. I hope it save's you the time i lost figering this out 
    /// </summary> 
    public class CustomControl : Control 
    { 

     private Storyboard _compositeTransformExampleStoryBoard; 

     private const string TRANSLATE_X_TARGET = "Control.RenderTransform.CompositeTransform.TranslateX"; 
     private const string TRANSLATE_Y_TARGET = "Control.RenderTransform.CompositeTransform.TranslateY"; 
     private const string TRANSLATE_ROTATE_TARGET = "Control.RenderTransform.CompositeTransform.Rotation"; 


     public CustomControl() 
     { 
      this.RenderTransform = new CompositeTransform(); 

      TimeSpan duration = new TimeSpan(0,0,0,0,500); 
      double translateX = 10; 
      double translateY = 10; 
      double rotation = 40; 

      _compositeTransformExampleStoryBoard = BuildStoryboard(duration, translateX, translateY, rotation); 

      this.Loaded += CustomControl_Loaded; 
     } 

     void CustomControl_Loaded(object sender, RoutedEventArgs e) 
     { 
      _compositeTransformExampleStoryBoard.Begin(); 
     } 


     private Storyboard BuildStoryboard(TimeSpan animationDuration, double transistionValueX, double transistionValueY, double rotation) 
     { 
      Storyboard storyboard = new Storyboard(); 

      if (transistionValueX != 0) 
       CreateAnimation(storyboard, transistionValueX, animationDuration, TRANSLATE_X_TARGET); 

      if (transistionValueY != 0) 
       CreateAnimation(storyboard, transistionValueY, animationDuration, TRANSLATE_Y_TARGET); 

      if (rotation != 0) 
       CreateAnimation(storyboard, rotation, animationDuration, TRANSLATE_ROTATE_TARGET); 


      return storyboard; 
     } 

     private void CreateAnimation(Storyboard storyboard, double transistionValue, TimeSpan animationDuration, string targetProperty) 
     { 
      DoubleAnimation da = CreateDoubleAnimation(transistionValue, animationDuration); 
      storyboard.Children.Add(da); 
      Storyboard.SetTarget(da, this); 
      Storyboard.SetTargetProperty(da, targetProperty); 
     } 

     private DoubleAnimation CreateDoubleAnimation(double transistionValue, TimeSpan duration) 
     { 
      return new DoubleAnimation() 
      { 
       Duration = duration, 
       To = transistionValue 
      }; 
     } 

    } 
}