[flexcoders] Canvas with individual rounded corners

[Mark Ingram]

Hi, I'm trying to create a canvas where I can style the corner radius
for each individual corner. I've had a look at the Panel class to try to
understand how the "roundedBottomCorners" style works - but I can't see
any code that actually uses it for drawing / filling / masking
purposes?! The only reference to it is here:

 

    private function setControlBar(newControlBar:IUIComponent):void

    {

        if (newControlBar == controlBar)

            return;

            

        controlBar = newControlBar;     

        

            // If roundedBottomCorners is set locally, don't auto-set

            // it when the controlbar is added/removed.

            if (!checkedForAutoSetRoundedCorners)

            {

                  checkedForAutoSetRoundedCorners = true;

                  autoSetRoundedCorners = styleDeclaration ? 

 
styleDeclaration.getStyle("roundedBottomCorners") === undefined : 

                              true;

            }

            

            if (autoSetRoundedCorners)

            setStyle("roundedBottomCorners", controlBar != null);

 

        var controlBarStyleName:String =
getStyle("controlBarStyleName");

        

        if (controlBarStyleName && controlBar is ISimpleStyleClient)

            ISimpleStyleClient(controlBar).styleName =
controlBarStyleName;

        

        if (controlBar)

            controlBar.enabled = enabled;

        if (controlBar is IAutomationObject)

            IAutomationObject(controlBar).showInAutomationHierarchy =
false;

 

        invalidateViewMetricsAndPadding();

        invalidateSize();

        invalidateDisplayList();

    }

 

Where is the best place to start? I'm trying to achieve the following -
so canvas's on top of each other, the top canvas one colour, with top
rounded corners, the bottom canvas with another colour, with the bottom
corners rounded. Any clues?

 

Mark