Flash Catalyst Alpha version doesn’t support creating an AIR project, however with few tweaks you can still create projects for AIR, and start enjoying the future design/developer development cycle when working on an AIR application.

Import your FXP into Flex Gumbo (Flex 4), which generate a Flex project. Next create a new AIR project and copy the following folders:

1. ApplicationFileName.mxml – contain the application presentation on layer.
2. Components folder – contain the component.
3. Assets folder – contain the images.

Now you can tweak the AIR application file reference the application in your AIR project:

After you compile you still get the following errors:

1. Type ‘BitmapGraphic’ declaration must be contained within the tag
2. Initializer for property ’states’ is not allowed here.

To fix the first issue turn the FxApplication into a Canvas container, group the entire design FXG and move out the states tags and you should be able to compile your application.

The new structure should look like this:

<Canvas xmlns="http://ns.adobe.com/mxml/2009"
       xmlns:d="http://ns.adobe.com/fxg/2008/dt" width="320" height="480"
       backgroundColor="0x000000" xmlns:th="http://ns.adobe.com/thermo/2009">

       <states>
              <State name="page1" th:color="0xcc0000"/>
              <State name="page2" th:color="0x0000"/>
       </states>       

       <Group>
            //  FXG graphic tags
       </Group>
</Canvas>

But wait… we are not done yet.. sometimes when you run your application you will notice that the application is shifted about 10-20 pixel left top. If you try to change the X,Y you will find that the application is still shifted. You can go through your application and shift every graphic top, left properties, which is really not recommended, especially since you probably going to go back and fourth between Flex and Flash Catalyst.

The best approached I found so far is just to add an event listener to “creationComplete” and than shift the X,Y and it worked.

creationComplete="this.y=-26"

I am sure Adobe will take care of these issues and allow the creation of FXP automatically, until then you can use this little method.