ObservableCollection 项目更改时如何更新 ListBox？

Question

我有一个测试应用程序，它在循环中向 ListBox 添加项目。现在，当所有项目都添加到 ObservableCollection 时，ListBox 会更新。添加每个项目时，我需要更新 ListBox。请帮助俄罗斯人=）

这是我的代码：

MainWindow.xaml

<Grid>
    <Button Content="Button" HorizontalAlignment="Left" Margin="432,288.04,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/>
    <ListBox x:Name="urlsListBox" ItemsSource="{Binding Urls}" HorizontalAlignment="Left" Height="300" Margin="10,10,0,0" VerticalAlignment="Top" Width="417"/>
</Grid>

MainWindow.xaml.cs

/// <summary>
/// Логика взаимодействия для MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
    ViewModel model = new ViewModel();

    public MainWindow()
    {
        InitializeComponent();
        this.DataContext = model;
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        model.GetUrls();
    }
}

ViewModel.cs

class ViewModel
{
    public ObservableCollection<Url> Urls { get; set; }

    public ViewModel()
    {
        Urls = new ObservableCollection<Url>();
    }

    public void GetUrls()
    {
        for (int i = 0; i < 5; i++)
        {
            Urls.Add(new Url { link = i.ToString() });
            //Thread.Sleep(300);
        }
    }
}

public class Url
{
    public string link { get; set; }
}

Answer 1

我认为您需要在每次添加新项目时通知 UI 可观察的 URL 集合中发生的更改。

如果您在视图模型中实现了 INotifyPropertyChanged，则注册可观察集合，其中发生任何更改。

private ObservableCollection<Url> _urls; 
public ObservableCollection<Url> Urls 
{ get
  { 
    return _urls;
  } 
  set
  {
    _urls = value;
    OnPropertyModified("Urls");
  }
}

Answer 2

我猜你想要 UI to update on every item addition 收藏。

查看Thread.Sleep(300)，我假设您要等待 300 毫秒，然后再将另一个项目添加到集合中。

DispatcherTimer 就是你要找的东西。此示例将起作用：

public void GetUrls()
{
    DispatcherTimer timer = new DispatcherTimer();
    timer.Interval = new TimeSpan(0, 0, 0, 0, 300);
    int i = 0;
    timer.Tick += (s, e) =>
       {
           Urls.Add(new Url { link = i.ToString() });
           ++i;
           if (i == 5)
             timer.Stop();
       };
    timer.Start();
}

这将在每 300 毫秒后将项目添加到集合中，一旦项目计数达到 5，将停止计时器。

---

就像我在评论中提到的那样

与 UI 线程关联的调度程序可以一次处理一个操作 时间。将项目添加到集合时，无法处理渲染 同时操作。因此 GUI 没有得到刷新。 DispatcherTimer 的使用为渲染操作提供了一些时间来处理。

没有DispatcherTimer 的另一种方法是使用enqueue empty delegate on UI dispatcher with Render priority，这样所有优先级高于渲染（包括渲染）的操作都会在移动到添加集合中的另一个项目之前得到处理。

public void GetUrls()
{
    for (int i = 0; i < 5; i++)
    {
        Urls.Add(new Url { link = i.ToString() });
        App.Current.Dispatcher.Invoke((Action)(() => { }),
                                               DispatcherPriority.Render);
    }
}