如何检测图形元素上的单击事件

Question

我正在尝试在Rect上搜索click事件（扩展图形元素），但我知道这是不可能的。那我怎么能做一个可以点击的Rect呢？

示例代码：

<s:Group width="100" height="100">
   <s:Rect width="10 height="10>
       <s:fill>
            <s:SolidColorFill color="red"/>
       </s:fill>
   </s:Rect>
</s:Group>

Answer 1

您无法在<s:Rect>上添加点击事件。要获得结果，您需要添加额外的<s:Group>。

你可以这样实现。

  <s:Group width="100" height="100" left="150" top="150" >
            <s:Group width="10" height="10" click="onClick(event)"> 
            <s:Rect width="100%" height="100%">
                <s:fill>
                    <s:SolidColor color="red"/>
                </s:fill>
            </s:Rect>
                </s:Group>
        </s:Group>

<fx:Script>
        <![CDATA[

                protected function onClick(event:MouseEvent):void
                {
                    // Add your code here.
                }
        ]]>
    </fx:Script>

希望它能解决你的问题。