如何绑定到WPF ColorAnimation中的颜色?

时间:2010-06-07 21:21:13

标签: wpf data-binding colors resources coloranimation

我想做一些看似很简单的事情,但我无法弄明白该怎么做。我有一个在MouseEnter事件发生时触发的ColorAnimation。它只是将边框的背景颜色从一种颜色更改为另一种颜色。

不幸的是,我无法弄清楚如何将任何硬编码颜色添加到此ColorAnimation中。所以它看起来像这样:

<Style x:Key="MouseOverStyle">
<Style.Triggers>
    <EventTrigger RoutedEvent="Mouse.MouseEnter">
        <EventTrigger.Actions>
            <BeginStoryboard>
                <Storyboard>
                    <ColorAnimation Duration="0:0:0.5" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)"
                                    To="Red" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger.Actions>
    </EventTrigger>
</Style.Triggers>
</Style>

但是,我想做一些像这样的事情:

<SolidColorBrush x:Key="MyEventColor" Color="{Binding EventColor}" />

<Style x:Key="MouseOverStyle">
<Style.Triggers>
    <EventTrigger RoutedEvent="Mouse.MouseEnter">
        <EventTrigger.Actions>
            <BeginStoryboard>
                <Storyboard>
                    <ColorAnimation Duration="0:0:0.5" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)"
                                    To="{StaticResource MyEventColor}" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger.Actions>
    </EventTrigger>
</Style.Triggers>
</Style>

或者像这样:

<Style x:Key="MouseOverStyle">
<Style.Triggers>
    <EventTrigger RoutedEvent="Mouse.MouseEnter">
        <EventTrigger.Actions>
            <BeginStoryboard>
                <Storyboard>
                    <ColorAnimation Duration="0:0:0.5" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)"
                                    To="{Binding EventColor}" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger.Actions>
    </EventTrigger>
</Style.Triggers>
</Style>

当我尝试执行其中任何一项操作时,会抛出异常。对于第一个,它抛出一个异常,告诉我基本上“Color”属性不能采用SolidColorBrush值...这是有道理的...但它肯定没有帮助我,因为ColorAnimation不会让我动画“(Border.Background)。(SolidColorBrush)”属性...它只会让我为“(Border.Background)。(SolidColorBrush.Color)”属性设置动画....

第二个例子的例外基本上告诉我它“无法冻结这个Storyboard时间轴树以供跨线程使用”......所以听起来像ColorAnimation试图在除UI线程之外的其他线程中进行此绑定或什么?无论它想要做什么......都没有用。

我怎么能做这么简单的任务?

1 个答案:

答案 0 :(得分:7)

对于第一个,你可以使用{StaticResource MyColor}和MyColor这样定义:

<Color x:Key="MyColor">#FF00FF00</Color>

但是,这并不能解决您的问题:您无法绑定到动画属性,因为这些属性需要冻结(不可更改)才能使动画生效。尝试删除对绑定的依赖,或者在颜色更改时使用正确的颜色重新创建故事板。