WPF - 根据 TextBlock 的先前值和当前值执行颜色动画

Question

我必须更改 TextBlock 的颜色来指示数字是正数还是负数 - 红色表示负数，蓝色表示正数。我通过使用 DataTrigger 和 Converter 来完成此操作，无论数字是负数还是正数，它都会返回 True/False。 下一个要求有点棘手：当数字发生变化时，执行缓慢的淡入淡出以指示数字相对于之前的值是增加还是减少，然后淡出到如上所述指示其当前位置的颜色。

实现这一目标的最简单方法是什么？

谢谢。

Answer 1

使用触发器的方法是正确的，要启动动画，您可以使用 触发器.EnterAction。

Answer 2

我认为 Trigger.EnterAction 的方法不会起作用。
为了应用新的动画，您必须指定 Trigger.ExitAction 来删除当前动画，结果颜色恢复为默认值。当您启动新动画时，它将从默认颜色（现在已成为当前颜色）动画到新颜色。
将动画源值绑定到某个动态值不起作用，因为 auf Freezable。
我通过引入一个附加属性解决了这个问题，该属性从对象当前具有的任何颜色到指定的颜色生成动态动画：

<TextBlock Text="text">
    <local:AnimationHelper.Animation>
        <local:ConstantColorAnimation 
            TargetProperty="Foreground" 
            To="{Binding CurrentState, Converter={StaticResource stateToColor}}" 
            Speed="1.5" /> 
    </local:AnimationHelper.Animation>
</TextBlock Text="text">

每当 CurrentState 属性更改为由状态到颜色转换器。这是来自具有 CurrentState 属性的 ViewModel 的 DataTemplate。如果您希望它直接绑定到文本，您必须编写一个 TextToColorConverter。

下面是 ConstantColorAnimation 的相关代码示例：

private void CreateAnimation()
{
    if (this.ResolvedTargetProperty == null)
    {
        return;
    }
    var from = (Color)this.Context.GetValue(this.ResolvedTargetProperty);
    this.RemoveAnimation(this.ResolvedTargetProperty);
    if (this.Speed == 0)
    {
        this.Context.SetValue(this.ResolvedTargetProperty, from);
        return;
    }
    if (this.Speed < 0)
    {
        this.Context.SetValue(this.ResolvedTargetProperty, this.To);
        return;
    }
    var a = new ColorAnimation(
        from, this.To, new Duration(TimeSpan.FromSeconds(Math.Abs(this.To - from) / this.Speed)));
    this.Context.BeginAnimation(this.ResolvedTargetProperty, a);
}

您还可以使用 Silverlight 中的行为框架，而不是自己滚动这一切。 AFAIK 它与 WPF 完全兼容，您可以直接使用该程序集。您甚至可以 找到一种行为，它已经满足了您的需要。