如何在不阻塞 UI 的情况下在 Binding 中加载控件？

Question

我有这种情况：

我想在 MainWindow 的 ViewModel 中加载一个集合，我有一个大数据，所以当我进入人员集合的幻灯片时，它应该等待完成加载，然后我可以看到完整列表，我有以下内容：

• 在我拥有的 xaml 代码中：

  <ListView ..... 
  ItemsSource{Binding PeopleList, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}
  ... />
  

• 在视图模式下我有：

  // ...
  private ObservableCollection<Person> _People;
  public ObservableCollection<Person> People
  { get{return _People;} set{ _People = value; RaisePropertyChange("People");}}
  // ...
  

我想在加载第一个完全开始加载第二个之后一个接一个地加载所有人员列表......等等而不阻塞主窗口我希望我的窗口看起来像：

我厌倦了自己做，但我失败了。之前谢谢。

Answer 1

存在使用 SynchronizationContext 从另一个线程修改视图的方法。

请看这个例子：

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            var sync = SynchronizationContext.Current;
            BackgroundWorker w = new BackgroundWorker();
            w.DoWork+=(_, __)=>
                {
                    //sync.Post(p => { button.Content = "Working"; }, null);
                    int j = 0;
                    for (int i = 0; i < 10; i++)
                    {
                        j++;
                        sync.Post(p => { button.Content = j.ToString(); }, null);
                        Thread.Sleep(1000);
                    }
                    sync.Post(p => { button.Background = Brushes.Aqua; button.Content = "Some Content"; }, null);
                };
            w.RunWorkerAsync();
        }

这是视图：

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button x:Name="button" Content="Some Content" Click="Button_Click"/>
    </Grid>
</Window>

此代码多次更新视图（在本例中为按钮）。我认为这解决了您最初的问题。

----编辑----

这是使用这个想法的更好方法：我建议在基本视图模型中创建这样的方法：

    public void LockAndDoInBackground(Action action, string text, Action beforeVisualAction = null, Action afterVisualAction = null)
    {
        if (IsBusy)
            return;
        var currentSyncContext = SynchronizationContext.Current;
        ActiveThread = new Thread((_) =>
        {                
            currentSyncContext.Send(t =>
            {
                IsBusy = true;
                BusyText = string.IsNullOrEmpty(text) ? "Wait please..." : text;
                if (beforeVisualAction != null)
                    beforeVisualAction();
            }, null);
            action();
            currentSyncContext.Send(t =>
            {
                IsBusy = false;
                BusyText = "";
                if (afterVisualAction != null)
                    afterVisualAction();
            }, null);
        });
        ActiveThread.Start();
    }

通过这种方式，任何子视图模型都可以使用它来执行大量数据处理，并且 UI 不会冻结。 IsBusy 和 BusyText 是视图模型变量，它们绑定到视图等待消息和等待元素的可见性。 这是在子视图模型的命令中使用的示例：

  private RelayCommand _SomeCommand;
  public RelayCommand SomeCommand
    {
        get { return _SomeCommand ?? (_SomeCommand = new RelayCommand(ExecuteSomeCommand, CanExecuteSomeCommand)); }
    }

    private void ExecuteSomeCommand()
    {
        Action t = ()=> 
        {
            //some action
        };

        LockAndDoInBackground(t, "Generating Information...");
    }

    private bool CanExecuteSomeCommand()
    {
        return SelectedItem != null;
    }

希望这将成为一个更清楚的例子。

Answer 2

我会怎么做：

• 为项目添加IsLoading标志
• 项目的DataTemplate 应检查该标志，并检查 IsLoading=true 它应该显示一些字幕进度，否则 真实数据
• 使用IsLoading = TRUE将空项目对象添加到ObservableCollection， 然后开始在另一个线程上检索项目数据
• 检索项目数据后，在 UI 线程中设置IsLoading = FALSE
• 该项目应实现“INotifyPropertyChanged”并且所有可见 属性应该发送 PropertyChanged 事件

Answer 3

您有两种选择来实现您想要的场景：

• 使用 BackgroundWorker 并实施它。 ProgressChanged 如果您想在进度中使用它，将是合适的。 DoWork 将是您数据的重载。 CompletedEvent 是您完成该任务的结果。

• 使用 TPL，您可以通过 Task.Factory.StartNew() 立即开始使用它，并将操作指定为 您的数据加载。还有一个是构造函数，你可以传入TaskScheduler.FromCurrentSynchronizationContext()，这样它就可以将它编组到UI Dispatcher。

• Task Parallel Library 的示例

• BackgroundWorker 的示例