Question

好的，我已经在这个问题上苦苦挣扎了很长一段时间，并且已经阅读了一篇文章，试图了解这个问题。我正在尝试实施忙碌指标，但我只是部分成功。我有一个Shell视图，我已经用BusyIndicator包装了如下：

<Window x:Class="Foundation.Shell"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:Library.Controls.Views;assembly=Library"
    xmlns:l="clr-namespace:Library.StaticClasses"
    xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
    Name="ShellView"
    Style="{StaticResource BusyWindowStyle}"
    SourceInitialized="Window_SourceInitialized"
    DataContext="{StaticResource ShellVM}">

    <xctk:BusyIndicator x:Name="ShellBusyIndicator" IsBusy="{Binding IsBusy}"  DisplayAfter="0">
        <Grid>
            <!--Content Here -->
        </Grid>
    </xctk:BusyIndicator>

遵循MVVM模式，我有一个看起来像这样的ShellViewModel：

public class ShellViewModel : ViewModelBase
{
    #region constructor(s)

    public ShellViewModel()
    {
        StateManager.IsBusyChange += new StateManager.IsBusyHandler(IsBusyEventAction);
    }

    #endregion constructor(s)

    #region properties

    private bool _IsBusy;
    public bool IsBusy
    {
        get
        {
            return _IsBusy;
        }
        set
        {
            if (_IsBusy != value)
            {
                _IsBusy = value;
                OnPropertyChanged("IsBusy");
            }
        }
    }

    private string _IsBusyMessage;
    public string IsBusyMessage
    {
        get
        {
            return _IsBusyMessage;
        }
        set
        {
            if (_IsBusyMessage != value)
            {
                _IsBusyMessage = value;
                OnPropertyChanged("IsBusyMessage");
            }
        }
    }

    #endregion properties

    #region actions, functions, and methods

    private void IsBusyEventAction(object sender, EventArgs e)
    {
        if (StateManager.IsBusy)
        {
            this.IsBusy = true;
            this.IsBusyMessage = StateManager.IsBusyMessage;
        }
        else
        {
            this.IsBusy = false;
        }
    }

    #endregion actions, functions, and methods
}

接下来，我使用一个名为StateManager的静态类，我可以从任何可以触发忙指示符的地方调用它：

public static class StateManager
{
    public static String IsBusyMessage { get; set; }

    public static void IsBusyProcess(Action action)
    {
        IsBusyProcess(action, "Processing...");
    }

    public static void IsBusyProcess(Action action, String isBusyMessage)
    {
        IsBusyMessage = isBusyMessage;
        IsBusy = true;
        Application.Current.Dispatcher.Invoke(action, System.Windows.Threading.DispatcherPriority.Background);
        IsBusy = false;
    }

    private static bool _IsBusy;
    public static bool IsBusy
    {
        get
        {
            return _IsBusy;
        }
        set
        {
            if (_IsBusy != value)
            {
                _IsBusy = value;

                IsBusyChange(null, null);
            }
        }
    }

    public delegate void IsBusyHandler(object sender, EventArgs e);

    public static event IsBusyHandler IsBusyChange;
}

最后，我在代码中触发忙指示符：

StateManager.IsBusyProcess(() =>
        {
            this.Validate();

            if (!HasValidationErrors)
            {
                if (this.CustomerControlVM.SaveCustomer() != 0)
                {
                    VehicleControlVM.VehicleModel.CustomerID = this.CustomerControlVM.CustomerModel.CustomerID;
                    this.VehicleControlVM.SaveVehicle();

                    ComplaintsView complaintsControl = new ComplaintsView();

                    (complaintsControl.DataContext as ComplaintsViewModel).CurrentVehicle = this.VehicleControlVM.VehicleModel;
                    (complaintsControl.DataContext as ComplaintsViewModel).CurrentCustomer = this.CustomerControlVM.CustomerModel;
                    StateManager.LoadView(complaintsControl, PageTransitionType.SlideLeft);
                }
            }

            StateManager.IsBusy = false;
        });

总而言之，可以从应用程序的任何位置调用StateManager。更改StateManager.IsBusy属性后，将触发在ShellViewModel中订阅的事件。发生这种情况时，ShellViewModel中的IsBusy属性设置为true，从而导致显示IsBusy指示符。逻辑正常工作正在设置ShellViewModel中的IsBusy并且忙指示器按预期显示。什么是不正常的是繁忙的指标不动画。它只是停滞不前。我觉得这是一个线程问题但是我对UI线程的理解是倾斜的，或者我没有看到一些对你来说很明显的东西。我意识到IsBusy逻辑不能与UI在同一个线程上，但我认为，由于我的逻辑发生在视图模型中，它应该不是问题。我错了吗？任何想法或想法？另一件可能有用的事情是：我甚至无法显示指标并创建已解决的帖子：How to implement busy indicator in application shell

Answer 1

好吧，我终于实现了忙碌指标。这是一项艰巨的任务，但我已经学到了一些东西。至少我有一些东西可以展示它。虽然我没有弄清楚为什么我的代码没有按照我发布的那样工作，但我确实发现我试图在动作中执行与UI相关的代码，这肯定会成为一个问题。我不是百分百肯定，因为我做了一些重写，而且我没有足够的时间来恢复我的代码来玩它。但是，问题得到了解答，以下是我实施繁忙指标的方法：

首先，除了可以删除IsBusy的属性集和绑定之外，我的视图中没有任何更改。我最终将视频模型中的事件订阅移动到视图后面的代码中。我的观点背后的代码如下所示：

public partial class Shell : Window
{
    #region Constructor(s)

    public Shell()
    {
        InitializeComponent();
        StateManager.IsBusyChange += new StateManager.IsBusyHandler(InitiateIsBusy);
    }

    #endregion Constructor(s)

    #region Event Actions

    public void InitiateIsBusy(object sender, BusyActionEventArgs e)
    {
        BackgroundWorker worker = new BackgroundWorker();

        worker.DoWork += (o, ea) =>
        {
            e.IsBusyAction.Invoke();
            //Dispatcher.Invoke((Action)(() => e.IsBusyAction()));
        };
        worker.RunWorkerCompleted += (o, ea) =>
        {
            this.ShellBusyIndicator.IsBusy = false;
        };

        this.ShellBusyIndicator.BusyContent = e.BusyMessage;
        this.ShellBusyIndicator.IsBusy = true;

        worker.RunWorkerAsync();
    }

    #endregion Event Actions
}

首先，请注意我创建了扩展EventArgs的BusyActionEventArgs类。它被放入我的Library项目中，该项目依赖于我的解决方案中的每个项目：

public class BusyActionEventArgs : EventArgs
{
    public Action IsBusyAction { get; set; }
    public string BusyMessage { get; set; }
}

最后，我的StateManager现在看起来像这样：

public static class StateManager
{
    public static void IsBusyProcess(Action action)
    {
        IsBusyProcess(action, "Processing...");
    }

    public static void IsBusyProcess(Action action, String isBusyMessage)
    {
        BusyActionEventArgs args = new BusyActionEventArgs()
        {
            IsBusyAction = action,
            BusyMessage = isBusyMessage
        };

        IsBusyChange(null, args);
    }

    public delegate void IsBusyHandler(object sender, BusyActionEventArgs e);

    public static event IsBusyHandler IsBusyChange;
}

请注意，我为IsBusyProcess方法创建了一个重载，因此如果我愿意，我可以发送自定义忙消息。

现在，如果我修改我的问题代码片段中的代码，我实际上正在使用Busy Indicator，它看起来像这样：

StateManager.IsBusyProcess(() =>
        {
            this.Validate();

            if (!HasValidationErrors)
            {
                if (this.CustomerControlVM.SaveCustomer() != 0)
                {
                    VehicleControlVM.VehicleModel.CustomerID = this.CustomerControlVM.CustomerModel.CustomerID;
                    this.VehicleControlVM.SaveVehicle();
                }
            }
        });

        ComplaintsView complaintsControl = new ComplaintsView();

        (complaintsControl.DataContext as ComplaintsViewModel).CurrentVehicle = this.VehicleControlVM.VehicleModel;
        (complaintsControl.DataContext as ComplaintsViewModel).CurrentCustomer = this.CustomerControlVM.CustomerModel;
        StateManager.LoadView(complaintsControl, PageTransitionType.SlideLeft);

请注意我从操作范围中删除的代码。此代码是UI代码，如果它在范围内，将导致错误。

我希望这有助于其他可能想要实现类似功能或遇到麻烦的人。感谢stackoverflow刚刚存在于此。有时说出（或打字）会产生差异。

如何从WPF Extended Toolkit正确实现Busy Indicator

1 个答案: