Transparent AIR app from Flex

I was preparing for a Flex demo for building a tranparent AIR app. Lucky that I have FlexDaddy sitting next to me so he can give me some help. I thought that was helpful so I would like to share that with you here.

To create a transparent AIR app from Flash Builder, you would need to make the following modification to the Main-app.xml file:

<systemChrome>none</systemChrome>
<transparent>true</transparent>

Then you would need to add the following attributes to the <s:WindowedApplication> tag:

backgroundAlpha=”0″
showStatusBar=”false”
mouseDown=”stage.nativeWindow.startMove()”   // this enable draggable app

To quit the app, call the method:

stage.nativeWindow.close();

If you would like to have drop shadow (and honestly who wouldn’t) for your app, add the drop shadow filter to the app container component:

   <s:filters>
    <s:DropShadowFilter />
   </s:filters>

So that’s all there is. Works for me 🙂

Advertisements

~ by brianchau on June 1, 2010.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: