Flex 4，鼠标悬停时按钮闪烁

Question

我在IntelliJ IDEA中构建了一个Flash播放器应用程序（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/[email protected]"/> 

 <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>