Setting the corner radius on a WindowedApplication container in Adobe AIR

By On December 26, 2008 · Leave a Comment

The following example shows how you can set the corner radius on an Adobe AIR WindowedApplication container by setting the cornerRadius style.

Full code after the jump.

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2008/12/26/setting-the-corner-radius-on-a-windowedapplication-container-in-adobe-air/ -->
<mx:WindowedApplication name="WindowedApplication_cornerRadius_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        cornerRadius="{slider.value}"
        headerHeight="40"
        titleTextStyleName="indentedText">
 
    <mx:Style>
        .indentedText {
            textIndent: 10;
        }
    </mx:Style>
 
    <mx:ApplicationControlBar dock="true">
        <mx:Form>
            <mx:FormItem label="cornerRadius:">
                <mx:HSlider id="slider"
                        minimum="0"
                        maximum="40"
                        value="8"
                        snapInterval="1"
                        tickInterval="2"
                        liveDragging="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>
 
</mx:WindowedApplication>

Next, edit the application’s XML file and edit the following lines:

<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
<systemChrome>none</systemChrome>
 
<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
<transparent>true</transparent>