0

我正在制作一个自定义组件，在您将鼠标悬停在用户名上后会显示一个小下拉区域。我正在使用两种状态，向上和悬停来切换我的下拉框。

我的问题是它认为我在离开Group用户名后离开了组件级别。然后第二级组（我的下拉菜单）消失了。

我尝试在鼠标悬停功能中将事件处理程序重新附加到我的组件级别Group，callLater但这没有用。

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

    <fx:Script>
        <![CDATA[
            import spark.skins.SparkSkin;
            protected function groupLogIn_mouseOverHandler(event:MouseEvent):void
            {

                this.currentState = "hover";
            }

            protected function groupLogIn_mouseOutHandler(event:MouseEvent):void
            {

                this.currentState = "up"
            }
        ]]>
    </fx:Script>

    <s:states>
        <s:State name="up"/>
        <s:State name="hover"/>
    </s:states>

    <s:Label id="lblUsername" color="0xffffff" fontSize="14" right="18" top="5"/>

    <s:Group  includeIn="hover" width="160" height="110" top="20" right="0" >
        <s:Rect top="0" right="0" bottom="0" left="0">
            <s:fill>
                <s:SolidColor color="0x1a1a1a"/>
            </s:fill>
        </s:Rect>
    </s:Group>
</s:Group>
4

1 回答 1

1

您的鼠标事件需要一个“命中区”。现在你的部分组件是完全透明的。当鼠标经过透明区域时，触发 MOUSE_OUT 事件。（当我说“透明”时，µi 实际上的意思是那里根本什么都没有）。

幸运的是，这很容易解决：只需在其他组件下方添加一个覆盖整个区域的 Rect 并将其设置alpha为0. 这使得 Rect 对用户不可见，但它仍然可以对鼠标事件做出反应。

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

<s:Label id="lblUsername" />

...
于 2012-06-29T22:15:20.683 回答