« Benchmark Ruby Code with R, rsruby and better-benchmark
Making WillPaginate and Rails to_xml play nice with ActiveResource »

New Flex 4 Theme and Class Renaming

This post was written by Greg Jastrab. Read other posts by Greg Jastrab.

A few times a day I update my subversion checkout of the Gumbo trunk. Last night I noticed a major overhaul which renamed all the Flex 4 classes, repackaged them into the mx package instead of flex. The new classes are now all (at least temporarily) prefixed with Fx, so if you are trying to compile your previously working Flex 4 code against the up-to-date SDK and suddenly see the following error:

Error: Could not resolve <Application> to a component implementation.

your issue will be resolved by changing Application to FxApplication. You’ll need to do the same for most of the other Flex 4 controls (Group, VGroup, and HGroup are exceptions that don’t need to be prefixed with Fx).

Spark Theme

You may also notice the new spark folder added in the skins directory. Below is an example application showing what these new skins look like for some of the Gumbo components:

(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

As usual here is the code:

FxControls.mxml

<?xml version="1.0" encoding="utf-8"?>
<FxApplication xmlns="http://ns.adobe.com/mxml/2009">
 
    <VGroup horizontalCenter="0" verticalCenter="0">
 
        <FxButton label="Button" />
 
        <FxCheckBox label="Check Box" />
 
        <FxRadioButton label="Radio Button" />
 
        <FxHScrollBar />
 
        <FxNumericStepper />
 
        <FxHSlider />
 
        <FxTextInput />
 
    </VGroup>
 
</FxApplication>

Remember, you’ll need Flash Player 10 in order to run this SWF after you’ve compiled it.

I hope everyone’s enjoying their Gumbo!

About the author: Greg Jastrab joined SmartLogic Solutions in June 2006 and leads all Flash/Flex/AIR development. Follow @gjastrab on twitter

Tags: , ,

This entry was posted on Wednesday, October 8th, 2008 at 11:30 pm and is filed under Flex 4, Greg Jastrab, Gumbo. 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.

7 Responses to “New Flex 4 Theme and Class Renaming”

  1. Dev says:
    October 9, 2008 at 1:58 am

    FxApplication is very strange, I think mx:Application is better, why Adobe changes it ? Using namespace is much more readable than adding prefix to the class name.

  2. Greg Jastrab says:
    October 9, 2008 at 2:16 am

    This is only a guess on my part, but I believe this is just a temporary solution since they merged the Gumbo classes into the mx package from the flex package. I may be wrong, but this is my guess as I agree with you that it looks strange.

    Remember, Gumbo isn’t even in a beta stage yet, so class names can be expected to change regularly until then.

  3. Dev says:
    October 9, 2008 at 7:58 am

    Oh I see, thanks for your reply !!!

  4. Ryan Stewart - Rich Internet Application Mountaineer » Blog Archive » New Prefixes for Flex 4 Components says:
    October 9, 2008 at 5:52 pm

    [...] a couple people have noticed, the nightlies of Flex 4 include some changes to the component names. Instead of [...]

  5. Greg Jastrab says:
    October 9, 2008 at 8:59 pm

    Looks like Ryan is hinting (click the trackback above) that the Fx prefix is more long term than I thought…

  6. New Prefixes for Flex 4 Components | Enetlive.net- Rich Internet Applications Blog says:
    October 10, 2008 at 9:28 pm

    [...] a couple people have noticed, the nightlies of Flex 4 include some changes to the component names. Instead of [...]

  7. CS4 is out… says:
    December 11, 2008 at 10:18 am

    [...] Also, Gumbo components now prefixed with Fx and also a new Skin set called Spark is released. Read more here. New Flex 4 Theme and Class Renaming. [...]

Leave a Reply