ColorAnimation cannot be used to animate property Background due to incompatible type

今天在编写一个控件的样式的时候，碰到了如下的异常：

ColorAnimation cannot be used to animate property Background due to incompatible type.

这里是报异常处的XAML代码，

<ColorAnimation Storyboard.TargetName="border"
Storyboard.TargetProperty="Background"
Duration="0" To="#FF6B6B6B">
<ColorAnimation.EasingFunction
<ExponentialEase Exponent="15" EasingMode="EaseOut"/>
</ColorAnimation.EasingFunction>
</ColorAnimation>

它运行时出现了一个异常：ColorAnimation cannot be used to animate property Background due to incompatible type.

这里说的是ColorAnimation 中因为不兼容的类型，不能给背景设置颜色动画。

通过查找资料和尝试发现： 把TargetProperty改为(Border.Background).(SolidColorBrush.Color)可以解决该问题

<ColorAnimation Storyboard.TargetName="border"
Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)"
Duration="0" To="#FF6B6B6B">
<ColorAnimation.EasingFunction
<ExponentialEase Exponent="15" EasingMode="EaseOut"/>
</ColorAnimation.EasingFunction>
</ColorAnimation>

当然，这里还有第二种解决方案：

<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="border"
Storyboard.TargetProperty="Background">
<DiscreteObjectKeyFrame KeyTime="0" Value="Transparent" />
</ObjectAnimationUsingKeyFrames>
</Storyboard>

PS：

ObjectAnimationUsingKeyFrames 对指定 Duration(持续动画) 内的一组 KeyFrames (关键帧)中的 Object 属性值进行动画处理。用于定义动画关键帧的一个或多个 DiscreteObjectKeyFrame 对象元素。

MSDN上的关于ObjectAnimationUsingKeyFrames 的实例：

下面的示例使用 ObjectAnimationUsingKeyFrames 类对 Rectangle 的 Fill 属性进行动画处理。此动画按如下方式使用两个关键帧：

通过使用 DiscreteObjectKeyFrame，Rectangle 的 Fill 属性会在动画的前两秒之后突然更改为 LinearGradientBrush。

在动画的第三秒之后，Fill 属性会突然更改为另一个 LinearGradientBrush，然后一直保持到动画结束（总共四秒）。

<Storyboard x:Name="myStoryboard">
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="animatedRectangle"
Storyboard.TargetProperty="Fill"  Duration="0:0:4" RepeatBehavior="Forever">
<ObjectAnimationUsingKeyFrames.KeyFrames>
<DiscreteObjectKeyFrame KeyTime="0:0:2">
<DiscreteObjectKeyFrame.Value>
<LinearGradientBrush>
<LinearGradientBrush.GradientStops>
<GradientStop Color="Yellow" Offset="0.0" />
<GradientStop Color="Orange" Offset="0.5" />
<GradientStop Color="Red" Offset="1.0" />
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>

<DiscreteObjectKeyFrame KeyTime="0:0:3">
<DiscreteObjectKeyFrame.Value>
<RadialGradientBrush GradientOrigin="0.75,0.25">
<RadialGradientBrush.GradientStops>
<GradientStop Color="White" Offset="0.0" />
<GradientStop Color="MediumBlue" Offset="0.5" />
<GradientStop Color="Black" Offset="1.0" />
</RadialGradientBrush.GradientStops>
</RadialGradientBrush>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames.KeyFrames>
</ObjectAnimationUsingKeyFrames>
</Storyboard>