어도비 플렉스 스파크 그룹 그래픽 또는 addEventListener

Question

의 creationComplete 핸들러는 다음과 같습니다 간단한 플렉스 4.6 응용 프로그램을 만드는 방법에 사라 :

protected function creationCompleteHandler(event:FlexEvent):void { 
    var groupVisible : Group = new Group(); 
    groupVisible.graphics.beginFill(0xff0000); 
    groupVisible.graphics.drawCircle(100, 100, 50); 
    groupVisible.graphics.endFill(); 
    addElement(groupVisible); 

    var groupInvisible : Group = new Group(); 
    groupInvisible.graphics.beginFill(0x0000ff); 
    groupInvisible.graphics.drawCircle(200, 100, 50); 
    groupInvisible.graphics.endFill(); 
    addElement(groupInvisible); 
    groupInvisible.addEventListener(MouseEvent.CLICK, function(event:MouseEvent):void {trace("click");}); 
} 

(100100에서 빨간색 원) 첫 번째 groupVisible.graphics 내용이 그려집니다. 두 번째 groupInvisible.graphics 콘텐츠 (파란색 원, 200, 100)는으로 그려지지 않습니다.

추가 된 EventListener에 따라 달라집니다.

아이디어가 있으십니까?

Answer 1

그룹 대신 SpriteVisualElement로 전환하면 두 항목이 모두 표시됩니다. 더하기 측면에서 마우스 클릭 이벤트는 실제로 Sprite/SpriteVisualElement에서 전달되지만 컨테이너에서는 전달되지 않습니다. Click 이벤트는 거품이 나기 때문에 그룹 내부의 요소에서 전달되고 그룹 수준에서 수신 대기 할 수 있습니다. 그러나 그래픽은 click 이벤트를 전달하지 않습니다.

<?xml version="1.0" encoding="utf-8"?> 
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx"> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 

    <fx:Script> 
     <![CDATA[ 
      import mx.events.FlexEvent; 

      import spark.core.SpriteVisualElement; 


      protected function onMouseClick(event:MouseEvent):void{ 
       trace('click'); 
      } 

      override protected function createChildren():void{ 
       super.createChildren(); 
       var groupVisible :SpriteVisualElement = new SpriteVisualElement(); 

//    var groupVisible : Group = new Group(); 
       groupVisible.graphics.beginFill(0xff0000); 
       groupVisible.graphics.drawCircle(100, 100, 50); 
       groupVisible.graphics.endFill(); 
       groupVisible.addEventListener(MouseEvent.CLICK, onMouseClick); 
       addElement(groupVisible); 

//    var groupInvisible : Group = new Group(); 
       var groupInvisible : SpriteVisualElement = new SpriteVisualElement(); 
       groupInvisible.graphics.beginFill(0x0000ff); 
       groupInvisible.graphics.drawCircle(200, 100, 50); 
       groupInvisible.graphics.endFill(); 
//    groupInvisible.addEventListener(MouseEvent.CLICK, onMouseClick); 
       groupInvisible.addEventListener(MouseEvent.CLICK, function(event:MouseEvent):void {trace("click");}); 
       addElement(groupInvisible); 

      } 

     ]]> 
    </fx:Script> 

</s:WindowedApplication>