是否有可能在Flex中创建一个:rect可点击?

时间:2010-11-21 12:15:20

标签: actionscript-3 flex flex4

使用flex,是否可以制作一个正方形,使用s:rect,可点击?

我正在尝试绘制一系列彩色框,并允许它们点击以执行操作。

1 个答案:

答案 0 :(得分:0)

我无法直接将其定位,因此我将其包装在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>