是否可以在Flex中创建一个s：rect clickable？

Question

使用flex，是否可以制作一个正方形，使用s：rect绘制，可点击？

我想绘制一系列的彩色框，并允许它们被点击执行一个动作。

Answer 1

我不能直接定位它，所以我把它包装在BorderContainer中，并且做了诀窍。或者你可以只使用BorderContainer，如果你想要的只是一个你可以着色和定位的盒子。

<?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>