Flex LoadingImage Component

Posted on May 19, 2008 by Tony Fendall.
Categories: Adobe, Components, Flex.

My LoadingImage component takes a regular Flex Image component, and adds a self contained ProgressBar to it to show its own loading progress.  I have wanted a nice simple component like this a few times now, so having nothing better to do this evening,  I decided to whip one together.

Check out the demo by clicking on the image below. Full source code is available by right clicking on the application.

LoadingImage Component Example

SmallWorlds in the Press (Greatest Flex App Ever!) »« Is print media dead?

hsTed
Comment on May 20th, 2008.

nice component!

Trackback on May 20th, 2008.

Flex LoadingImage Component…

Tony 写的一个加载图片的组件，右边是图片缩略图，双击之后就可以在左边加载大图，挺漂亮的，可以从里面学到不少东西，比如进度条的制作。
查看Demo | 查看源码
分享收藏
……

Comment on May 22nd, 2008.

Hi Tony,

I forgot add the original link.I am very sorry about that.It is my fault.Now I correct it:

http://www.zhuoqun.net/html/y2008/1042.html

I hope can translate your content into Chinese in the future.

Thanks

Comment on May 22nd, 2008.

Thanks :)

cimmicola
Comment on May 23rd, 2008.

May second time load image from local cache when the image that has been downloaded?

Comment on May 23rd, 2008.

@cimmicola
Normally that would be the case. In my demo application I made it so this wouldn’t happen so that the component’s behavior would be easier to see.

cimmicola
Comment on May 23rd, 2008.

Thanks a lot, great work!

Pingback on May 25th, 2008.

[...] LoadingImage Takes a regular Flex Image component, and adds a self contained ProgressBar to it to show its own loading progress. http://www.munkiihouse.com/?p=135 [...]

Comment on June 6th, 2008.

Nice! Thanks for sharing.

Pingback on June 12th, 2008.

[...] LoadingImage Utiliza um componente de imagem no Flex e adiciona uma barra de progresso mostrando o carregamento da imagem. http://www.munkiihouse.com/?p=135 [...]

Pingback on June 21st, 2008.

[...]

eme
Comment on July 2nd, 2008.

Great Work! Hard to find (google), but worth finally!! Thanks for sharing

Pingback on July 29th, 2008.

[...] Flex Loading Image – http://www.munkiihouse.com/?p=135 [...]

Pingback on August 1st, 2008.

[...] Flex Loading Image – http://www.munkiihouse.com/?p=135 [...]

Comment on March 6th, 2009.

Dude, that rocks ! Exactly what I was looking for. :-) The Adobe wizards should include something like this in the base framework. Seems a pretty basic thing to want to do.

Another enhancement could be to be able to change the style of the progress monitor, such as one of those circular thingy’s. :-)

Thanks a lot,

Pradip Jadhav
Comment on May 19th, 2009.

Hello I am loading some images from server using httpService in Flex . Means I am getting a xml result converting it into arraCollection and setting the source propety of image . Now sometimes due to net problem or response problem from httpservice image takes sometime to display I want to show loading image until and upto the actual image will not display . The concept is same as loading image in html , Please help me

thanks in advance

Comment on September 14th, 2009.

Great Component… Thanks, bro, it’s just like waht i need in my current project…