视频播放器控制(播放/暂停等)显示为覆盖

Question

我在windows 7上使用SDK 4.1在flash builder中创建了一个自定义视频播放器。

我已经在HBox中创建了视频播放器控件，如播放/暂停、进度条等。

现在，我想要在用户鼠标悬停在显示对象上时显示这些控件，就像在vimeo.com视频播放器中一样，并在悬停时删除/禁用这些控件。

我目前的.mxml页面结构类似于http://i48.tinypic.com/15x4w7a.png

我只是通过给出HBox高度来显示/隐藏视频容器鼠标悬停事件上的视频播放器控件HBox。

如何在视频播放器中实现覆盖功能？

任何网络链接和源代码将受到高度赞赏。

Answer 1

解决方案是使用Flex容器，它允许将内容分层在其他内容之上。按照设计，VBox和HBox容器不允许这样做。它们以没有重叠的垂直或水平布局布局其内容。

您可以使用Canvas或Group容器将组件覆盖在其他组件之上。由于您使用的是Flex4，所以我建议您使用Group而不是Canvas ...而不是VBox的VGroup ..。和HGroup而不是HBox。

下面是一个简单的布局，您可以使用Flex4类来完成：

<s:Group>
    <s:VideoDisplay top="0" bottom="0" left="0" right="0" />
    <s:HGroup bottom="0" left="0" right="0"/>
</s:Group>

VideoDisplay组件就是您用来显示视频的组件。请注意，top/bottom/left/right属性告知父Group对象对此组件进行布局，使其顶部距父(组)的上边缘为0像素(下/左/右边缘类似)。

HGroup组件是保存播放器控件的容器。HGroup被定位为距父容器的下、左、右边缘0个像素。

应该将visible属性HGroup (或HBox)容器设置为false，而不是在鼠标悬停时更改播放器控件容器的高度。

正如人们所说，一张图片胜过千言万语。但在StackOverflow上，代码胜过上千张图片。如果这个答案不起作用，您应该编辑您的问题并添加您正在使用的实际代码:)