使用 VirtualizingPanel.ScrollUnit="Pixel" 在巨大的列表框中滚动

Question

我在 WPF 4.5 的 ListBox 中显示相当长的列表时遇到一些速度问题：我的 ListBox 包含大约 5000 个项目，并且这些项目可以有不同的高度。每个项目都显示通过查询检索的信息，该查询在项目显示时立即执行。这种延迟的查询执行是必要的，因为一次对所有内容执行此操作会花费太多时间。我通过将 ItemsControl 绑定到首次访问项目中的属性时创建的 NotifyTaskCompletion 对象来完成延迟查询。

例如：

public class ItemViewModel
{
    public NotifyTaskCompletion<ObservableCollection<Content>> QueryResult
    {
        get
        {                
            if(_queryTask == null)
            {
                _queryTask = new NotifyTaskCompletion<ObservableCollection<Content>> 
                                  (Task<ObservableCollection<Content>>.Run(queryFunction));
            }
            return _queryTask;
        }
    }
}

ItemTemplate:    
+--------------------------------------------------+
| TextBlock with header                            |
|                                                  |
| ItemsControl Source={Binding QueryResult.Result} |
+--------------------------------------------------+

所以每次显示一个项目时，它都会启动一个执行查询的线程，并在查询完成后显示内容。通过查询检索到的信息可能非常多，这意味着 ListBox 中的项目可能比 ListBox 本身更大。这就是为什么我需要在 ListBox 中设置 VirtualizingPanel.ScrollUnit="Pixel" 以确保用户可以看到整个项目。

+-------------------------------------------+
| ListBox, too small for big Item 1         |
|                                           |
| +------------------------------+          |
| | Header 1                     |          |
| |                              |          |
| | Lot's of information ....... |          |
| | Lot's of information ....... |          |
| | Lot's of information ....... |          |
| | Lot's of information ....... |          |
+-| Lot's of information ....... |----------+
  | Lot's of information ....... |
  | Lot's of information ....... |
  | Lot's of information ....... |
  +------------------------------+

  +------------------------------+
  | Header 2                     |
  |                              |
  | Not so much information..... |
  +------------------------------+

但是，这会大大减慢滚动速度。如果我将滚动条中的拇指拖动到列表的中间，则会冻结几秒钟，之后会显示一些没有查询信息的项目。然后，一些项目显示查询的信息。然后 ListBox 似乎跳到另一个位置，这再次导致另一个冻结等等。看起来 ListBox 渲染了当前滚动位置上方的所有项目，这需要很长时间，因为所有查询和查询数据的复杂渲染。

如果我设置 VirtualizingPanel.ScrollUnit="Unit"，我没有任何速度问题。 ListBox 仅显示滚动到的项目，因此仅显示查询的信息。不幸的是，我需要使用 "pixel" 设置，因为我的项目有时太大，我需要滚动像素以确保用户可以看到所有项目。

我知道最好为查询设置一个队列，以避免同时启动数百个线程，但我认为这不会改变根本问题ListBox 呈现我不想显示的项目。

我不太确定如何解决这个问题。谁能帮帮我？

Answer 1

延迟滚动并在列表框项目中滚动

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <ListBox ItemsSource="{Binding Path=DeferedItems}" 
                ScrollViewer.IsDeferredScrollingEnabled="True" 
                ScrollViewer.VerticalScrollBarVisibility="Visible"
                VirtualizingStackPanel.VirtualizationMode="Standard">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel>
                    <TextBlock Text="{Binding Path=ID}"/>
                    <ListBox ItemsSource="{Binding Path=DefStrings}" Margin="10,0,0,0" 
                             MaxHeight="300" 
                             ScrollViewer.VerticalScrollBarVisibility="Visible"/>
                    <TextBlock Text="{Binding Path=DT}" Margin="10,0,0,0"/>                      
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

public partial class MainWindow : Window
{
    private List<DeferedItem> deferedItems = new List<DeferedItem>();
    public MainWindow()
    {
        this.DataContext = this;
        for (Int32 i = 0; i < 100000; i++) deferedItems.Add(new DeferedItem(i));
        InitializeComponent();
    }
    public List<DeferedItem> DeferedItems { get { return deferedItems; } }

}
public class DeferedItem
{
    private Int32 id;
    private DateTime? dt = null;
    private List<String> defStrings = new List<string>();
    public DateTime DT
    {
        get
        {
            if (dt == null)
            {
                System.Threading.Thread.Sleep(1000);
                dt = DateTime.Now;
            }
            return (DateTime)dt;
        }
    }
    public List<String> DefStrings
    {
        get
        {
            if (defStrings.Count == 0)
            {
                for (Int32 i = id; i < id + 1000; i++) defStrings.Add(i.ToString() + " " + DateTime.Now.ToLongTimeString());
            }
            return defStrings;
        }
    }
    public Int32 ID { get { return id; } }
    public DeferedItem(Int32 ID) { id = ID; }
}

使用 VirtualizingPanel.ScrollUnit="Pixel" 在巨大的列表框中滚动

scrolling in a huge ListBox with VirtualizingPanel.ScrollUnit="Pixel"

c#

wpf

data-binding

listbox

ui-virtualization