WPF 颜色动画绑定到 SolidColorBrush.Color

Question

我正在尝试绑定 ColorAnimation TO={Binding Source={StaticResource Test1}, Path=Color}

我可以使用 SolidColorBrush 执行此操作，但尝试在彩色动画中使用它时出现“System.Windows.Markup.XamlParseException”异常。

这是我所拥有的：

<SolidColorBrush x:Key="Test1" Color="{Binding Source={x:Static self:MySettings.Default}, Path=HighlightColor}"/>
<SolidColorBrush x:Key="Test2" Color="{Binding Source={x:Static self:MySettings.Default}, Path=TextColor}"/>

<Style x:Key="WindowLabel" TargetType="Border" BasedOn="{StaticResource HighlightBorder}">
    <Setter Property="Background" Value="{StaticResource Test2}"/>
    <Setter Property="Height" Value="50"/>
    <Style.Triggers>
        <EventTrigger RoutedEvent="MouseEnter">
            <BeginStoryboard>
                <Storyboard>
                    <ColorAnimation To="{Binding Source={StaticResource Test1}, Path=Color}" 
                                    Duration="{StaticResource AnimSpeed}" 
                                    Storyboard.TargetProperty="Background.Color"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="MouseLeave">
            <BeginStoryboard>
                <Storyboard>
                    <ColorAnimation To="{Binding Source={StaticResource Test2}, Path=Color}" 
                                    Duration="{StaticResource AnimSpeed}" 
                                    Storyboard.TargetProperty="Background.Color"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Style.Triggers>
</Style>

Test2 SolidColorBrush 可以正常工作，为什么动画不能？

Answer 1

问题不在于你如何绑定，而在于你如何绑定。如果你进入内部异常，你会看到这个错误：

无法冻结此 Storyboard 时间线树以供跨线程使用。

这基本上意味着因为Storyboards 使用线程，它们以及它们使用的所有东西都需要可冻结，而Bindings 则不需要。 Storyboard 不能使用在动画过程中可能发生变化的动态值。

您可以尝试用Color 替换SolidColorBrush，如下所示，但您可能还需要用Duration 做一些事情

<Color  A="255" R="100" G="0" B="0" x:Key="Test1"/>
<Color A="255" R="0" G="100" B="0" x:Key="Test2"/>
...
<Style TargetType="Border">
  <Setter Property="Background">
      <Setter.Value>
          <SolidColorBrush Color="{StaticResource Test2}"/>
      </Setter.Value>
  </Setter>
  <Setter Property="Height" Value="50"/>
  <Style.Triggers>
      <EventTrigger RoutedEvent="MouseEnter">
          <BeginStoryboard>
              <Storyboard>
                  <ColorAnimation To="{StaticResource Test1}"
                  Duration="0:0:1" 
                  Storyboard.TargetProperty="Background.Color"/>
              </Storyboard>
          </BeginStoryboard>
      </EventTrigger>
      <EventTrigger RoutedEvent="MouseLeave">
          <BeginStoryboard>
              <Storyboard>
                  <ColorAnimation To="{StaticResource Test2}" 
                  Duration="0:0:1" 
                  Storyboard.TargetProperty="Background.Color"/>
              </Storyboard>
          </BeginStoryboard>
      </EventTrigger>
  </Style.Triggers>
</Style>