動畫無法在Wpf中工作

Question

嗯，我有兩個問題都與動畫有關。

1）以下代碼不會爲tittle和border設置動畫效果，我會像這樣調用以下代碼.FadeIn（），當然這是UIElement類型的。

public static void FadeIn(this UIElement targetControl) 
    { 
     DoubleAnimation fadeInAnimation = new DoubleAnimation(0, 1, new Duration(TimeSpan.FromSeconds(1.5))); 
     Storyboard.SetTarget(fadeInAnimation, targetControl); 
     Storyboard.SetTargetProperty(fadeInAnimation, new PropertyPath(UIElement.OpacityProperty)); 
     Storyboard sb = new Storyboard(); 
     sb.Children.Add(fadeInAnimation); 
     sb.Begin(); 
    } 

2）這也不起作用，沒有顯示動畫。

public static void SkewAnimation(this UIElement targetControl) 
{ 
    DoubleAnimation skewAnimation = new DoubleAnimation(0, 360, new Duration(TimeSpan.FromSeconds(3))); 
    Storyboard.SetTarget(skewAnimation, targetControl); 

    Storyboard.SetTargetProperty(skewAnimation, new PropertyPath(SkewTransform.AngleXProperty)); 
    Storyboard sb = new Storyboard(); 
    sb.Children.Add(skewAnimation); 
    sb.Begin(); 
} 

Answer 1

爲什麼就不能動畫像這樣：

public static void FadeIn(this UIElement element) 
{ 
    element.BeginAnimation(
     UIElement.OpacityProperty, 
     new DoubleAnimation(0d, 1d, TimeSpan.FromSeconds(1.5))); 
} 

，並提供了元素的RenderTransform屬性設置爲一個SkewTransform：

public static void SkewAnimation(this UIElement element) 
{ 
    ((SkewTransform)element.RenderTransform).BeginAnimation(
     SkewTransform.AngleXProperty, 
     new DoubleAnimation(0d, 360d, TimeSpan.FromSeconds(3d))); 
} 

編輯：這需要像

element.RenderTransform = new SkewTransform(); 

或XAML：

<SomeElement> 
    <SomeElement.RenderTransform> 
     <SkewTransform /> 
    </SomeElement.RenderTransform> 
</SomeElement> 

---

不知道爲什麼你的淡入將無法正常工作，但你的SkewAnimation不能因屬性路徑工作。沒有爲UIElement定義​​。屬性路徑必須是這樣的（再次提供的RenderTransform設置爲SkewTransform）：

new PropertyPath("RenderTransform.(SkewTransform.AngleXProperty)");