ListBox, VirtualizingStackPanel, and Smooth Scrolling in WPF

Question

I have a ListBox that may have many rows of templated DB records, including an Image, bound to an ObservableCollection<MyItem>. Sometimes the collection could hold thousands of items.

The performance is great, but the scrolling is the default jumpy behavior. I would like it to have smooth scrolling, so I unchecked ScrollViewer.CanContentScroll.

Now I have smooth scrolling, but the performance is horrendous: the data is retrieved in a separate thread, and the thread finishes quickly, but it takes 10-20 seconds for the results to show in the ListBox. I assume that this is because unchecking ScrollViewer.CanContentScroll changes the underlying VirtualizingStackPanel to a regular StackPanel and so it is loading the entire collection before displaying the results.

So my question is this: how do I retain the the smooth scrolling without sacrificing the VirtualizingStackPanel behavior and performance?

You can have both smooth scrolling and virtualization if you're prepared to use a little hack. See this answer to a similar question for details. — Samuel Jack
– Samuel Jack, Commented Mar 26, 2012 at 16:34
stackoverflow.com/questions/1977929/… VirtualizingPanel.ScrollUnit="Pixel" — Guillaume
– Guillaume, Commented Nov 20, 2012 at 13:09

Community · Accepted Answer · 2017-05-23 12:10:06Z

11

When you uncheck CanContentScroll, you lose virtualization. And the answer is really frustrating: For now there is no out-of-the-box solution :(.

PS: This is not the first post here, asking this very question.

edited May 23, 2017 at 12:10

CommunityBot

11 silver badge

answered Dec 17, 2009 at 20:46

Anvaka

15.8k2 gold badges49 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Joel Cochran Over a year ago

I was afraid of that but had to ask. I searched before asking but didn't find that post. I might dig just a little bit more, but time is limited so I'll have to lose Smooth Scrolling for now.

Community · Accepted Answer · 2017-05-23 11:47:13Z

5

If you use .NET 4.5 (or 4.0 if you're willing to hack a bit) then there's an answer over here.

[Note that @Guilluame's comment was here way before this answer but it wasn't particularly visible when skimming for answers.]

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Nov 2, 2015 at 13:47

Zodman

4,1484 gold badges37 silver badges46 bronze badges

Comments

Tomáš Filip · Accepted Answer · 2021-11-23 15:02:51Z

3

For anyone searching at 2021 you can use solution like this:

You will keep scrolling and virtualization at the same time

            <ItemsControl x:Name="TestIC" Grid.Row="1"
                ScrollViewer.CanContentScroll="True"
                VirtualizingPanel.IsVirtualizing="True"
                VirtualizingPanel.VirtualizationMode="Recycling" >
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <VirtualizingStackPanel VirtualizingPanel.IsVirtualizing="True" VirtualizingPanel.VirtualizationMode="Recycling" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.Template>
                    <ControlTemplate>
                        <Border
                            Padding="{TemplateBinding Control.Padding}"
                            Background="{TemplateBinding Panel.Background}"
                            BorderBrush="{TemplateBinding Border.BorderBrush}"
                            BorderThickness="{TemplateBinding Border.BorderThickness}"
                            SnapsToDevicePixels="True">
                            <ScrollViewer Padding="{TemplateBinding Control.Padding}" Focusable="False">
                                <ItemsPresenter SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" />
                            </ScrollViewer>
                        </Border>
                    </ControlTemplate>
                </ItemsControl.Template>
            </ItemsControl>

answered Nov 23, 2021 at 15:02

Tomáš Filip

8173 gold badges7 silver badges24 bronze badges

2 Comments

TravisWhidden Over a year ago

Not a ListBox, so no selection option here. :(

bigAl Over a year ago

I'm not great at WPF. But doesn't all the VirtualisingPanel.XXX in the ItemControl node duplicate the properties set on the virtualisingstackpanel?

Collectives™ on Stack Overflow

ListBox, VirtualizingStackPanel, and Smooth Scrolling in WPF

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related