动画无法在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)");