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

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

1 个答案: