Displaying animated progress simultanenously for each element

[bouncer]

I have a requirement of showing couple of animated progress simultanelously for the loading of 10 Images at once. Kirupa, would it be possible for you to show me any way ?

Please help.

[kirupa]

If you look at the ImageGallery sample I wrote in Blend 2 SP1 (Help | Welcome Screen | Samples tab), that should help you out.

The basic idea is the same as what I present here: http://www.kirupa.com/blend_silverlight/preloading_displaying_image_pg1.htm

What you will need to do is create a usercontrol that takes care of loading an image and displaying the preloader using the information from the above tutorial. When you want to display an image, you load this usercontrol which takes care of the loading and displaying the progress details.

Let me know if that helps :)

Cheers!
Kirupa

[bouncer]

Wow is this created by you? I mean the Blend ImageGallery sample. This is awesome. I'll go through this and get back to you soon. Thanks very much.

[kirupa]

Yeah - it was coded by me and designed by another colleague, Celso Gomes [ http://www.nibblestutorials.net ] All of the samples were done by the two of us actually.

:)

[bouncer]

Kirupa, I want to show the animated progress inside ListBox before Images are loaded inside it. Is there a way to show the animated progress inside ListBox?

[kirupa]

Oh, so you want to display just a single progressbar for all of the images instead of a progressbar per image?

:nerd:

[bouncer]

No Kirupa I want to dispay progress per Image and I want to show that inside ListBox.

[kirupa]

The approach is exactly the same as what I showed in my sample. Your usercontrol responsible for loading and preloading the images will be stored inside a listbox instead of a scrollviewer.

You can programmatically do that by accessing your listbox's Children and doing an Add as in:

myListBox.Children.Add(MyImageLoadingControl);

:)