is it possible to make a s:rect clickable in Flex?

using flex, is it possible to make a square, drawn using s:rect , clickable?

I am trying to draw a series of coloured boxes and allow them to be click开发者_如何学Ced on to perform an action.

I wasn't able to target it directly so I wrapped it in a BorderContainer and that did the trick. Or you could just use a BorderContainer if all you want is a box you can color and target.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">

    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;

            public function init():void{

                myBox.addEventListener(MouseEvent.MOUSE_OVER, changeColor);

            }

            public function changeColor(e:MouseEvent):void
            {
                myFill.color = 0xFFFF00;
            }


        ]]>
    </fx:Script>

    <s:states>

    </s:states>

    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
        <s:SolidColor id="myFill" color="0xFF0000" />
        <s:SolidColorStroke id="myStroke" color="0x000000" weight="2" />
    </fx:Declarations>

    <s:BorderContainer id="myBox" >     
        <s:Rect width="200" height="200" fill="{myFill}" stroke="{myStroke}" id="box1" />
    </s:BorderContainer>



</s:Application>