Skip to content
Dec 26 /

Setting the corner radius on a WindowedApplication container in Adobe AIR

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>

Leave a Comment

Spam Protection by WP-SpamFree