ApplicationControlBar with top edges and bottom round off square

Question

desire to make a  ApplicationControlBar as the image that follows below. I searched the internet and found nothing that helps me to  change the edges of the object

Answer 1

Hi,
If you create an application skin then find the section topGroup, you just add each corner radius in, below is thesection with  left top corner radius
added.
David.
        <s:Group id="topGroup" minWidth="0" minHeight="0"
                    includeIn="normalWithControlBar, disabledWithControlBar" >
            <!-- layer 0: control bar highlight -->
            <s:Rect left="0" right="0" top="0" bottom="1" topLeftRadiusX="10" topLeftRadiusY="10">
               <s:stroke>
                    <s:LinearGradientStroke rotation="90" weight="1">
                        <s:GradientEntry color="0xFFFFFF" />
                        <s:GradientEntry color="0xD8D8D8" />
                    </s:LinearGradientStroke>
               </s:stroke>
            </s:Rect>
            <!-- layer 1: control bar fill -->
            <s:Rect left="1" right="1" top="1" bottom="2" topLeftRadiusX="10" topLeftRadiusY="10" >
               <s:fill>
                    <s:LinearGradient rotation="90">
                        <s:GradientEntry color="0xEDEDED" />
                        <s:GradientEntry color="0xCDCDCD" />
                    </s:LinearGradient>
               </s:fill>
            </s:Rect>
            <!-- layer 2: control bar divider line -->
            <s:Rect left="0" right="0" bottom="0" height="1" alpha="0.55" topLeftRadiusX="10" topLeftRadiusY="10">
                <s:fill>
                    <s:SolidColor color="0x000000" />
                </s:fill>
            </s:Rect>