0

ユーザー名にカーソルを合わせた後に小さなドロップダウン領域を表示するカスタム コンポーネントを作成しています。ドロップダウンボックスを切り替えるために、アップとホバーの2つの状態を使用しています。

私の問題はGroup、ユーザー名を離れた後、コンポーネント レベルを離れていると思われることです。次に、2 番目のレベルのグループ (私のドロップダウン) が消えます。

マウス オーバー機能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 に答える