Designing BusyCursor’s or Custom BusyCursor’s.

There is default skin for BusyCursor and that skin is in the pakage mx.skins and .as file BusyCursor you can find them in your sdk’s

Now coming to desing BusyCursor:

Here we need to design our own Cursor Programmatically that is write a class which extends the Sprite Class  and use the Graphics class and with its methods, you can make your own Design for Cursor’r and finally include the skin in the App as a Style, with the Property busyCursor in the CursorManager Class.

<mx:Style>

CursorManager {

busyCursor: ClassReference(“NewBusyCursorSkin”);

}

Here NewBusyCursorSkin is the class which draws your skin[ contains code to draw] and include that class as below.And when including styles Programmatically we got use the ClassReference() method with the Class Name as the parameter.Above line shows it. To understand this post you need to know what is Sprite and Graphics Classes.

This image shows the Custom BusyCursor i have developed.

Custom BusyCursor.

Enjoy the Post. Stay tuned for the code.

This entry was posted on Thursday, May 8th, 2008 at 2:15 pm and is filed under Flex related. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

10 Responses to “Designing BusyCursor’s or Custom BusyCursor’s.”

  1. Lijomon Says:
    December 9, 2008 at 4:37 pm | Reply

    Can you please send me the code for changing default Busycursor?

    Thanks in advance
    Lijomon

  2. Jamie Says:
    December 22, 2008 at 8:55 pm | Reply

    Have you confirmed that this works with the showBusyCursor property on RemoteObjects, HTTPServices etc.? When I tried to implement a custom class similarly to how you described Flex still uses the default skin for the built in busy cursor handling during service calls. However, when I explicitly call the setBusyCursor() method on the CursorManager my custom cursor displays just fine. Also, I can specify the busyCursorBackground stylel on the CursorManager selector in CSS and that works fine for service calls but Flex still uses the default mx.skins.halo class so the hour/minute hand that it draws are overlayed on my custom cursor background.

    Thanks,
    Jamie

  3. kumargandhi Says:
    December 23, 2008 at 2:55 am | Reply

    yes it works just fine, you can draw your own cursor, with altering the hour/min hand heights. if you doubted it overlays then, clear all the graphics before writing the code for one , or write a class which extends programmatic skin and there you can clear all the graphics.

    regards,
    kumar.

  4. ajay kumar Says:
    January 7, 2009 at 8:50 pm | Reply

    Hi ,i have need of busy curson .gif images for flex. if u have or know any link from where i can download it. please tell me. i have really need.

    Thanks in advance.

  5. Lijomon Says:
    February 17, 2009 at 12:13 pm | Reply

    The below code will change the default busy cursor…

    CursorManager
    {
    busyCursor: ClassReference(“mx.skins.halo.BusyCursor”);
    busyCursorBackground: Embed(source=”assets/img/loading.swf”);
    }

  6. Flexation Says:
    March 17, 2009 at 12:11 pm | Reply

    Thanks Lijomon, thats exactly what I needed.
    It took me about 2 hours of searching to get the solution and it works perfectly.

  7. Custom BusyCursor Demo in Flex. « flex on blog - by kumar Says:
    March 22, 2009 at 8:09 am | Reply

    [...] BusyCursor Demo in Flex. As some readers requested a demo on this post, so I am giving it here.Enjoy the [...]

  8. Heartburn Home Remedy Says:
    April 15, 2009 at 11:34 am | Reply

    Not that I’m impressed a lot, but this is more than I expected when I found a link on Digg telling that the info is awesome. Thanks.

Leave a Reply