WPF控件：如何引用动画中的资源？

Question

我编写了一个控件，并成功创建了一个情节提要，以在触发事件期间引起动画。 它会在一段时间内更改椭圆的填充。 不需要每次更改填充时都编写新的RadialGradientBrush而是在资源中提供了其中两个。

编辑 ：我有一个Ellipse ，它是控件的主要组成部分，并且受动画的影响。 它的实现很简单，看起来像这样：

<Ellipse Name="myEllipse" Style="{StaticResource DimStyle}" />

当我将其添加到情节提要（而不是将画笔作为资源）时，动画将按预期工作。 当我将画笔作为资源引用时，出现此异常：

"Cannot find resource named 'IlluminatedStyle'. Resource names are case sensitive."

在情节提要内部，这是当前引用的地方：

<UserControl.Resources>
    <Storyboard x:Key="Foo">
        <ObjectAnimationUsingKeyFrames>
            <ObjectAnimationUsingKeyFrames.KeyFrames>
                <DiscreteObjectKeyFrame KeyTime="0:0:0.01" Value="{StaticResource IlluminatedStyle}" />
                <DiscreteObjectKeyFrame KeyTime="0:0:0.85" Value="{StaticResource DimStyle}" />
            </ObjectAnimationUsingKeyFrames.KeyFrames>
        </ObjectAnimationUsingKeyFrames>
     </Storyboard>
</UserControl.Resources>

样式非常相似，只有GradientStop颜色属性不同，因此我仅提供一个样式作为示例。

引用的样式

<UserControl.Resources>
    <Style x:Key="IlluminatedStyle" TargetType="Ellipse">
        <Setter Property="Fill">
            <Setter.Value>
                <RadialGradientBrush>
                    <GradientStop Color="#FF215416" Offset="1"/>
                    <GradientStop Color="#FE38DA2E" Offset="0"/>
                    <GradientStop Color="#FE81FF79" Offset="0.688"/>
                </RadialGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

那么，如何在Storyboard正确引用诸如此类的样式？

注意 ： Storyboard和Style都包含在同一个UserControl.Resources标记中，但在此示例中进行了细分。

编辑
我将Style放在UserControl.Resources的Storyboard之前，现在出现一个异常说明：

  "This Freezable cannot be frozen.
   at System.Windows.Freezable.Freeze()
   at System.Windows.Freezable.GetCurrentValueAsFrozen()
   at System.Windows.Media.Animation.TimelineCollection.GetCurrentValueAsFrozenCore(Freezable source)
   at System.Windows.Freezable.CloneCoreCommon(Freezable sourceFreezable, Boolean useCurrentValue, Boolean cloneFrozenValues)
   at System.Windows.Media.Animation.Timeline.GetCurrentValueAsFrozenCore(Freezable sourceFreezable)
   at System.Windows.Freezable.GetCurrentValueAsFrozen()
   at System.Windows.Media.Animation.Clock..ctor(Timeline timeline)
   at System.Windows.Media.Animation.TimelineGroup.AllocateClock()
   at System.Windows.Media.Animation.Clock.AllocateClock(Timeline timeline, Boolean hasControllableRoot)"

Answer 1

无法冻结Freezable原因有三个：

• 它具有动画或数据绑定属性。
• 它具有由动态资源设置的属性。
• 它包含无法冻结的Freezable子对象。

因此，首先找出导致问题的Freezable ，然后检查以上内容。

Answer 2

看到我是WPF和XAML的新手，我就犯了一个错误，那就是将我的资源设置为一种样式，却没有意识到我可以简单地将画笔作为一种资源而完全避免使用样式。

我将对DiscreteObjectKeyFrame的值的引用保持为新画笔资源的静态。 我将椭圆形更改为：

<Ellipse Name="myEllipse" Fill="{StaticResource DimBrush" />

样式属性已删除，我将画笔直接分配给fill属性。 在ObjectAnimationUsingKeyFrames标记中，我添加了Fill作为Storyboard.TargetProperty因为我不再使用样式来ObjectAnimationUsingKeyFrames填充。 DiscreteObjectKeyFrame现在看起来像这样：

<DiscreteObjectKeyFrame KeyTime="0:0:0.01" Value="{StaticResource IlluminatedBrush}" />
<DiscreteObjectKeyFrame KeyTime="0:0:0.85" Value="{StaticResource DimBrush}" />

我的资源更加简单，无需包装样式，而IMO也更加优雅。 此外，在我的最终解决方案中，在动画之前定义了笔刷。

<UserControl.Resources>
    <RadialGradientBrush x:Key="DimBrush" >
        <GradientStop Color="#FF21471A" Offset="1"/>
        <GradientStop Color="#FF33802F" Offset="0"/>
        <GradientStop Color="#FF35932F" Offset="0.688"/>
    </RadialGradientBrush>
    <RadialGradientBrush x:Key="IlluminatedBrush">
        <GradientStop Color="#FF215416" Offset="1"/>
        <GradientStop Color="#FE38DA2E" Offset="0"/>
        <GradientStop Color="#FE81FF79" Offset="0.688"/>
    </RadialGradientBrush>
    <!-- Storyboard code follows... -->
</UserControl.Resources>

现在一切都按预期工作。 我可以做出的最好假设是，样式不可冻结，因为它们是我删除的组件，并且我不再收到关于无法冻结的冻结的异常。