WinForms- Populating a FlowLayoutPanel with a large number of controls and painting thumbnails on demand

Question

Hi,

I'm trying to make an ImageListBox kind of control that will display large numbers of thumbnails, like the one that Picasa uses.

This is my design:

I have a FlowLayoutPanel that is populated with a LOT of UserControls, for example 4,000. Each UserControl is assigned a delegate for the Paint event. When the Paint event is called, it checks a memory cache for the thumbnail and if the image is not in cache, it retrieves it from the disk.

I have two problems that I'm trying to solve:

1. It seems that WinForms will trigger a Paint event even if the UserControl is not in view. Only 10 or so controls are in fact in view, the rest are not in view (the FlowLayoutPanel.AutoScroll is set to true). As a result, it tries to retrieve thumbnails for ALL the images and that takes a long time...

2. Adding the UserControls to the FlowLayoutPanel takes a somewhat long time - about 2-3 seconds. I can live with it but I'm wondering if there is a better way to do it than:

UserControl[] boxes = new UserControl[N]; // populate array panel.SuspendLayout(); panel.Controls.AddRange(boxes); panel.ResumeLayout();

Any help is very much appreciated, thank you.

Answer 1

I wouldn't add that many user controls. Rather, I'd have a series of data structures that stores information about what thumbnail to use, positioning, etc, etc, and then handle the rendering of each thumbnail required.

Of course, you would only render what you need, by checking the paint event args in your control and rendering the thumbnails that are in view and that require rendering.

Answer 2

Aha! I found something.

When the UserControl is not in view and it receives a Paint event, then e.ClipRectangle.IsEmpty is true!

Answer 3

To improve the speed of populating the FlowLayoutPanel with your user controls, disable layout updating while you add the controls.

Immediately before your loop, call SuspendLayout() and then at the end call ResumeLayout(). Make sure to use a try-finally to guarantee the ResumeLayout() runs even if an exception occurs.