Flex 4，將鼠標懸停在其上時，按鈕閃爍

Question

我正在IntelliJ IDEA中構建Flash Player應用程序（Flex 4）。 按鈕位於VideoDisplay區域的頂部，可見性設置為false。 當鼠標懸停在VideoDisplay區域上時，它將變為可見。

問題在於，當鼠標懸停在按鈕上方時，按鈕會快速閃爍（但是，當鼠標懸停在VideoDispaly區域而不是按鈕上方時，按鈕不會閃爍）。

在.mxml中：

 <mx:VideoDisplay id="videoDisplay" visible="true" width="237" height="188" click="simplePlay()"
                         mouseOver="videoOnHover()" mouseOut="videoHoverOut()"
                         playheadUpdate="videoDisplay_playheadUpdate()"
                         ready="videoDisplay_ready()"
                         rewind="videoDisplay.play()"
                         autoPlay="false"
                         live="true"
                         source="rtmp://cp114761.live.edgefcs.net:443/live/tpc-live_1@44263"/>

        <mx:Button id="pauseButton" name="pause" visible="false" verticalCenter="0" horizontalCenter="0" click="simplePause()"
                   overSkin="@Embed(source='img/pause-hover.png')"
                   upSkin="@Embed(source='img/pause.png')"
                   downSkin="@Embed(source='img/pause-hover.png')" />

在CDATA [部分：

private function videoOnHover():void {
            pauseButton.setVisible(true);
        }

非常感謝您的任何建議！

Answer 1

將VideoDisplay和Button放在該組中，並在其上處理rollOver rollOut。

 <s:Group rollOver="videoOnHover()" rollOut="videoHoverOut()">
    <mx:VideoDisplay id="videoDisplay" visible="true" width="237" height="188"
                     autoPlay="false"
                     live="true"/>
    <mx:Button id="pauseButton" name="pause" visible="false"/>
</s:Group>