Flex Componentor

Published by Administrator on 15 Nov 2007 at 03:48 pm

Preloading Image Tutorial

18 Comments Default

18 Responses to “Preloading Image Tutorial”

1. fiji890 on 20 Nov 2007 at 6:05 am #

   Preloading image is a great idea, adobe should have something like that in flex sdk.
   One question though, can you customize the WheelPreloadingWindow colors?

2. Administrator on 20 Nov 2007 at 6:17 am #

   You can customize anyone of the included preloader windows I wrote.
   Since I instansiate the preloader windows from class reference you have 2 options:
   1. via public static members (like WheelPreloadingWindow.themeColor). You will have to do
   this in a function that executes before the PreloadingImage is create somewhere in your
   app like here:
   override protected function createChildren():void {

   // Call the createChildren() method of the superclass.
   super.createChildren();
   //add static member initialization here
   WheelPreloadingWindow.themeColor = 0×639ABD;
   }
   There are more customizable properties, see the flex docs or the source.
   2. inherit from the Preloader window, change what you want and use this class in the
   PreloadingImage.preloaderTitleWindow (class) property

3. Sonny on 14 Jan 2009 at 5:53 am #

   Hi, i am making a flex based website.
   The viewstack contains a lot of containers each with an image.
   I am using your image preloader.
   Is there some way that images start loading srom source as soon as the flex application initializes. ?
   Your reply will be really helpful
   Thanks and Regards,
   Sonny

4. Administrator on 14 Jan 2009 at 8:34 am #

   The component as you can see is a subclass of adobe’s mx.Image, it doesn’t change the loading order of components in any way, just adds a progress while its downloading.
   You need to check the order of creation and source assignments to your images.
   Maybe check out creationPolicy property of flex components to speed up your view stack creation.

5. Sonny on 14 Jan 2009 at 11:30 am #

   Thanks, Also the preloading bar is coming at the top left corner of the stack.
   How can i make it come in the center?

   Regards,
   Sonny

6. Tanzeem Akhtar Bhatti on 17 Feb 2009 at 5:35 am #

   Great Work, This is what i was looking for
   Thanks again
   Regards
   Tanzeem Akhtar Bhatti
   Software Engineer
   Flex

7. Andrea on 03 Apr 2009 at 12:46 pm #

   Hi,

   Great work!

   I was trying to display one of your out-of-the-box preloaders in my Flex view.
   The view is based on Canvas and I position the child components by setting their absolute coordinates.

   But when I set the “x” and “y” properties on your Preloader, it doesn’t get displayed.

   Is there any issue that I should take into consideration?

8. Administrator on 03 Apr 2009 at 4:45 pm #

   Andrea,
   I’m not sure what you mean exactly. The PreloadingImage centers the preloader when image loading starts. If you are using one of the preloader windows without the PreloadingImage, Its a simple TitleWindow, so It should work. Can you post the relevant code?
   Cheers.

9. Mahedi on 14 Jul 2009 at 5:13 am #

   Its great work i think.I am new in flex.In brows option i mean when i want to take image from pc.For the purpose i clicked a button to open window from where i select my image. After selection of image i want to use your image pre-loader. How can i use that please help me.
   Best regard

10. Administrator on 14 Jul 2009 at 6:36 am #

    Mahedi,
    I assume you are building a desktop app..
    After you have the File object just do image.load([yourFileObject].nativepath).
    The PreloadingImage class is a subclass of mx.controls.Image so use it like you would use any image. See the Flex help on Image control for more details.
    Cheers

11. Mahedi on 14 Jul 2009 at 8:03 am #

    Thank you very much for your reply. Later reply you.

12. Mahedi on 14 Jul 2009 at 12:02 pm #

    hi,

    in php we can easily move one page to another and easily use different type of function those pages.In flex3 how i can use different type of .mxml pages like php.Please give me instruction with tutorials.It will really helpful for me.

    best regard.

13. Mahedi on 16 Jul 2009 at 5:29 am #

    hi,
    i need your help. At least give me some instruction.
    best regard.

14. Administrator on 16 Jul 2009 at 1:42 pm #

    Sorry didn’t understand that,
    It doesn’t seem relevant to my site.
    Try flexcoders or other forums.

15. hai tuan hoang on 08 Dec 2009 at 3:59 am #

    hi,
    Please help me. When I use “fabulousFlex:PreloadingImage” class for my application then I have a problem. The positions of preloading is out of the image. I do not know how to fix it.
    You can test with this code:

16. Administrator on 09 Dec 2009 at 9:09 am #

    code did not go through I will contact you offline.

17. Jeroen on 14 Apr 2010 at 5:31 pm #

    if I load multiple images from a httpservice at once, would that cause a problem, with IE the preloader windows do not disappear when the image is loaded

18. Administrator on 18 Apr 2010 at 5:50 am #

    The component is build to load the images itself (using the src or load function), it is a subclass of mx.controls.Image. so if you are loading the files some other way it could cause the problem. Please See the code, where I hook to the progress events of the image loader and check what events are not being called.

Trackback URI | Comments RSS

Leave a Reply

Name (required)

Mail (hidden) (required)

Website