使用 MVVM 从事件触发动画

Question

我似乎已经达到了某种 MVVM 的突破点。

当底层视图模型对象的“Status”属性更改时，我希望控件的不透明度动画半秒（DoubleAnimation 从 0.5 到 1.0）。我首先使用 DataTrigger 实现了这一点，但由于我还没有找到对任何更改（只是给定值）做出反应的方法，因此在设置之前我必须始终将 VM 对象的“状态”属性翻转为特殊的“待处理”值达到其预期值。 （顺便说一句，有没有办法对任何更改做出反应？）

这很糟糕，所以我开始摆弄 EventTriggers...

这是我到目前为止所尝试过的：

1. 使用正常的 EventTrigger

这似乎需要 RoutedEvent，但这又要求我的底层视图模型对象继承自 DependencyObject。

1. 使用 i:Interaction.Triggers

这样我就可以监听正常的 .NET 事件并做出反应，但我还没有找到使用该方法启动 StoryBoard 的方法。

1. 使用 i:Interaction.Triggers 并编写 Behavior

这个实验失败了，因为我发现无法将自定义行为附加到其关联的控件。

这就是 XAML 的样子：

   <cc:MyControl>
        <i:Interaction.Triggers>
            <i:EventTrigger EventName="Updated">
                <i:Interaction.Behaviors>
                    <cv:OpacityBehavior Duration="0:0:0:5" />
                </i:Interaction.Behaviors>
            </i:EventTrigger>
        </i:Interaction.Triggers>

这是自定义行为：

class OpacityBehavior : Behavior<MyControl>
{
    public Duration Duration { get; set; }

    protected override void OnAttached()
    {
        base.OnAttached();
        var animation = new DoubleAnimation(0.5, 1, Duration, FillBehavior.HoldEnd);
        var associatedObject = lookupVisualParent(this);
        associatedObject.BeginAnimation(UIElement.OpacityProperty, animation);
    }
}

这不起作用，因为 XAML 解析器要求它直接附加到“MyControl”，但我需要将它附加到事件触发器。然后我尝试了这种方法：

class OpacityBehavior : Behavior<DependencyObject>
{
    public Duration Duration { get; set; }

    protected override void OnAttached()
    {
        base.OnAttached();
        var animation = new DoubleAnimation(0.5, 1, Duration, FillBehavior.HoldEnd);
        var associatedObject = lookupVisualParent(this);
        associatedObject.BeginAnimation(UIElement.OpacityProperty, animation);
    }

    private UIElement lookupVisualParent(DependencyObject dObj)
    {
        if (dObj is UIElement)
            return (UIElement) dObj;

        if (dObj == null)
            return null;

        return lookupVisualParent(LogicalTreeHelper.GetParent(dObj));
    }
}

由于 lookupVisualParent 不起作用，所以失败了。该行为的逻辑父级始终为null。

我觉得这应该是一个相当常见的任务？这个问题有好的解决办法吗？我觉得很奇怪，我将编写视图模型类，以便它们从 DependencyObject 派生，以便在事件触发时启动动画。

干杯

Answer 1

您可以简单地使用一个标志：在虚拟机上设置一个名为“RecentlyChangedFlag”的标志。每当适当的值发生变化时，将其脉冲设置为true，然后设置为false。您可以这样做：

private bool _changedFlag;
public bool ChangedFlag
{
    get
    {
        if (_changedFlag)
        {
            _changedFlag = false;
            OnPropertyChanged("ChangedFlag");
            return true;
        }
        // (else...)
        return false;
    }
    protected set
    {
        _changedFlag = value;
        OnPropertyChanged("ChangedFlag");
    }
}

即，当您想要指示动画开始时，使用上面的代码设置 ChangedFlag = true 。 WPF 查询 true 值后会重置为 false。

然后，当 RecentlyChangedFlag 的值为 true 时发生动画，例如 EnterAction。

希望有帮助。