BusyIndi​​cator 允许两次触发 RelayCommand

Question

我有一个 WPF 应用程序，它遵循 MVVM。

为了使 UI 具有响应性，我使用 TPL 执行长时间运行的命令，并使用 BusyIndicator 向用户显示，该应用程序现在很忙。

在其中一个视图模型中我有这个命令：

public ICommand RefreshOrdersCommand { get; private set; }

public OrdersEditorVM()
{
    this.Orders = new ObservableCollection<OrderVM>();
    this.RefreshOrdersCommand = new RelayCommand(HandleRefreshOrders);

    HandleRefreshOrders();
}

private void HandleRefreshOrders()
{
    var task = Task.Factory.StartNew(() => RefreshOrders());
    task.ContinueWith(t => RefreshOrdersCompleted(t.Result), 
        CancellationToken.None, TaskContinuationOptions.OnlyOnRanToCompletion, TaskScheduler.FromCurrentSynchronizationContext());
    task.ContinueWith(t => this.LogAggregateException(t.Exception, Resources.OrdersEditorVM_OrdersLoading, Resources.OrdersEditorVM_OrdersLoadingFaulted),
        CancellationToken.None, TaskContinuationOptions.OnlyOnFaulted, TaskScheduler.FromCurrentSynchronizationContext());
}

private Order[] RefreshOrders()
{
    IsBusy = true;
    System.Diagnostics.Debug.WriteLine("Start refresh.");
    try
    {
        var orders = // building a query with Entity Framework DB Context API

        return orders
            .ToArray();
    }
    finally
    {
        IsBusy = false;
        System.Diagnostics.Debug.WriteLine("Stop refresh.");
    }
}

private void RefreshOrdersCompleted(Order[] orders)
{
    Orders.RelpaceContent(orders.Select(o => new OrderVM(this, o)));

    if (Orders.Count > 0)
    {
        Orders[0].IsSelected = true;
    }
}

IsBusy 属性与BusyIndicator.IsBusy 绑定，RefreshOrdersCommand 属性与工具栏上的按钮绑定，该按钮位于此视图模型视图中的BusyIndicator 内。

问题。

如果用户不经常点击按钮，一切正常：BusyIndicator 用按钮隐藏工具栏，数据被加载，BusyIndicator 消失。在输出窗口中，我可以看到成对的行：

开始刷新。 停止刷新。

但是如果用户频繁点击按钮非常，看起来BusyIndicator没有及时隐藏工具栏，两个后台线程尝试执行RefreshOrders方法，导致异常（和没关系，因为 EF DbContext 不是线程安全的）。在输出窗口中，我看到了这张图片：

开始刷新。 开始刷新。

我做错了什么？

我查看了BusyIndicator 的代码。我不知道，那里可能有什么问题：设置IsBusy 只是对VisualStateManager.GoToState 进行两次调用，这反过来又使一个矩形可见，它隐藏了BusyIndicator 的内容：

                    <VisualState x:Name="Visible">
                       <Storyboard>
                          <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.001" Storyboard.TargetName="busycontent" Storyboard.TargetProperty="(UIElement.Visibility)">
                             <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                <DiscreteObjectKeyFrame.Value>
                                   <Visibility>Visible</Visibility>
                                </DiscreteObjectKeyFrame.Value>
                             </DiscreteObjectKeyFrame>
                          </ObjectAnimationUsingKeyFrames>
                          <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.001" Storyboard.TargetName="overlay" Storyboard.TargetProperty="(UIElement.Visibility)">
                             <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                <DiscreteObjectKeyFrame.Value>
                                   <Visibility>Visible</Visibility>
                                </DiscreteObjectKeyFrame.Value>
                             </DiscreteObjectKeyFrame>
                          </ObjectAnimationUsingKeyFrames>
                       </Storyboard>
                    </VisualState>

...并禁用内容：

                    <VisualState x:Name="Busy">
                       <Storyboard>
                          <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.001" Storyboard.TargetName="content" Storyboard.TargetProperty="(Control.IsEnabled)">
                             <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                <DiscreteObjectKeyFrame.Value>
                                   <sys:Boolean>False</sys:Boolean>
                                </DiscreteObjectKeyFrame.Value>
                             </DiscreteObjectKeyFrame>
                          </ObjectAnimationUsingKeyFrames>
                       </Storyboard>
                    </VisualState>

有什么想法吗？

更新。 问题不在于如何防止命令重入。我想知道允许按两次按钮的机制。

这是它的工作原理（根据我的观点）：

• ViewModel.IsBusy 与 BusyIndicator.IsBusy 绑定。绑定是同步的。
• BusyIndicator.IsBusy 的设置器调用 VisualStateManager.GoToState 两次。其中一个调用使一个矩形可见，该矩形与BusyIndicator 的内容（在我的例子中是按钮）重叠。
• 因此，据我了解，在设置 ViewModel.IsBusy 后，我无法实际实现按钮，因为所有这些事情都发生在同一个 (UI) 线程上。

但是按钮是如何被按下两次的？？

Answer 1

我不会尝试依靠繁忙指示器来控制有效的程序流程。命令执行设置IsBusy，如果IsBusy 已经是True，它本身不应该运行。

private void HandleRefreshOrders()
{
    if (IsBusy)
        return;
...

您也可以将按钮的Enabled 状态绑定到IsBusy，但我认为核心解决方案是防止您的命令意外重新进入。解雇工人也会增加一些复杂性。我会将状态设置移动到HandleRefreshOrders，然后在ContinueWith 实现中处理状态的重置。 （可能需要一些额外的建议/阅读以确保它是线程安全的。）

*编辑：澄清移动IsBusy以避免双重执行：

private void HandleRefreshOrders()
{
    if (IsBusy)
        return;

    IsBusy = true;

    var task = Task.Factory.StartNew(() => RefreshOrders());
    task.ContinueWith(t => 
            {
                RefreshOrdersCompleted(t.Result);
                IsBusy = false;
            }, 
        CancellationToken.None, TaskContinuationOptions.OnlyOnRanToCompletion,  TaskScheduler.FromCurrentSynchronizationContext());
    task.ContinueWith(t => 
            {
                this.LogAggregateException(t.Exception, Resources.OrdersEditorVM_OrdersLoading, Resources.OrdersEditorVM_OrdersLoadingFaulted);
                IsBusy = false;
            },
    CancellationToken.None, TaskContinuationOptions.OnlyOnFaulted, TaskScheduler.FromCurrentSynchronizationContext());
}

然后从RefreshOrders 方法中删除IsBusy 引用。一旦您单击按钮一次，IsBusy 将被设置。如果用户快速点击，第二次触发命令的尝试将跳过。任务将在后台线程上执行，一旦完成，IsBusy 标志将被重置，命令将再次响应。这目前假定对 RefreshOrdersCompleted 和 LogAggregateException 的调用不会冒泡异常，否则如果它们抛出，则不会重置标志。可以在这些调用之前移动标志重置，或者在 annon 中使用 try/finally。方法声明。