mouseEnabledWhereTransparent가 예상대로 작동하지 않습니다.

Question

mouseEnabledWhereTransparent가이 스킨에서 작동하지 않는 이유를 이해할 수 없습니다.

이 피부는 기본적으로 투명한 배경과 왼쪽에 작은 삼각형이있는 버튼입니다. > ButtonText 그러나 삼각형 주변의 빈 공간에는 마우스 이벤트가 수신되지 않습니다.

나는 삼각형 경로 주위에 또 다른 그룹을 래핑 해 보았습니다. 그리고 그래픽 오브젝트로 포장하려고했지만 성공하지 못했습니다. 모든 밑에 0 알파가있는 Rect를 만들 수는 있지만 정확하게 mouseEnabledWhereTransparent가 수행해야하는 것은 아닙니다.

<?xml version="1.0" encoding="utf-8"?> 
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21" alpha.disabled="0.5" 
      mouseEnabledWhereTransparent="true"> 

    <!-- host component --> 
    <fx:Metadata> 
     <![CDATA[ 
     [HostComponent("spark.components.Button")] 
     ]]> 
    </fx:Metadata> 

    <!-- states --> 
    <s:states> 
     <s:State name="up" /> 
     <s:State name="over" /> 
     <s:State name="down" /> 
     <s:State name="disabled" /> 
    </s:states> 

    <!-- triangle tip --> 
    <s:Path data="M 0 0 L 0 14 L 10 7 L 0 0" bottom="5"> 
     <s:fill> 
      <s:SolidColor color="0xFFFFFF" /> 
     </s:fill> 
    </s:Path> 


    <!-- text --> 
    <s:Label id="labelDisplay" 
       textAlign="center" 
       verticalAlign="bottom" 
       maxDisplayedLines="1" 
       left="14" right="10" top="2" bottom="2" color="0x000000" fontSize="14"> 
    </s:Label> 
</s:SparkSkin> 

Answer 1

요는, 당신이 필요하면 해당 경로가 히트 영역의 역할을하기 전에 사각형을 추가하는 것입니다,이 작품 :

<s:Rect left="0" right="0" top="0" bottom="0" > 
    <s:fill> 
     <s:SolidColor alpha="0" /> 
    </s:fill> 
</s:Rect> 

이 사람 here 사용자 정의 버튼을 만드는 좋은 예제가 (마이너스 레이블)

Answer 2

mouseEnabledWhereTransparent는 설정된 그룹에 마우스 이벤트 수신기가 없으면 아무 효과가 없습니다. 귀하의 예제에서 Button 객체에는 클릭 이벤트 리스너가 있지만 버튼의 스킨 객체 (SparkSkin)는 그렇지 않습니다.

".이 속성은 마우스, 터치, 또는 플래시 플레이어 제스처 이벤트가이 인스턴스에 추가하는 경우에 영향을 간다"GroupBase.mouseEnabledWhereTransparent에 대한 ASDoc에서

당신은 예를 들어, 아무것도하지 않습니다 피부에 마우스 이벤트 리스너를 추가하는 것에 대한 해결 방법 :

<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
      mouseEnabledWhereTransparent="true" click="doNothing()"> 
    <fx:Script> 
     <![CDATA[ 
      protected function doNothing():void { 
       trace('doNothing'); 
      } 
     ]]> 
    </fx:Script> 
    ... 
</s:SparkSkin> 

이 속성의 주요 사용 케이스에 직접 클릭 이벤트를 추가하고있다 그룹,하지만 당신이 제기하는 사건에 대해 생각하는 것은 흥미 롭습니다. hostComponent에 마우스 청취자가 첨부되어있는 경우, skin의 mouseEnabledWhereTransparent를 설정하면 (자), 「Enhancement Request」를 실시하는 것이 합리적입니다.