2013-04-08 4 views
1

я создаю пользовательские видео плеер в Flash Builder с использованием SDK 4.1 на окнах 7.Видео управления плеером (Play/Pause и т.д.) отображение в виде наложения

я создал управления видеопроигрывателем, как кнопка воспроизведения/паузы, прогресс бар и т. д. в HBox.

Теперь я хочу отображать эти элементы управления, когда пользовательский наведите курсор мыши на экранный объект как наложение, например, на видеопроигрыватель vimeo.com и удалите/отключите его при наведении указателя мыши.

Моя текущая структура .mxml страница как http://i48.tinypic.com/15x4w7a.png

Я просто показать/скрыть видео игрок управляет HBox на видео контейнера события парения мыши, давая высоту HBOX.

Как реализовать функцию наложения на видеоплеер?

Любая веб-ссылка и исходный код будут высоко оценены.

+0

Используйте состояния, а затем назначьте событие перемещения мыши для загрузки «состояния 2» за 400 мс и события выключения мыши снова загружает состояние «1» – ShaunOReilly

ответ

2

Решение заключается в использовании контейнера Flex, который позволит размещать контент поверх другого содержимого. По дизайну контейнеры VBox и HBox этого не допускают. Они размещают свое содержимое в вертикальном или горизонтальном макете без перекрытия.

Вы можете использовать контейнеры Canvas или Group для наложения компонентов поверх других компонентов. Поскольку вы используете Flex 4, я бы рекомендовал использовать Group вместо Canvas ... и VGroup вместо VBox ... и HGroup вместо HBox.

Вот простой макет можно сделать с помощью классов Flex 4:

<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 пикселей от нижнего, левого и правого краев родительского контейнера.

Вместо того, чтобы изменять высоту игрока, управляющий контейнером при наведении курсора мыши, вы должны установить видимое свойство HGroup (или HBox) контейнера на значение false.

Как говорится, картина стоит тысячи слов. Но на StackOverflow код стоит тысячи снимков. Если этот ответ не поможет, вы должны отредактировать свой вопрос и добавить фактический код, который вы используете :)

+0

Большое спасибо за ответ. В следующий раз я запомню сообщение вместо изображения. Спасибо – Vivek

+0

@vkwave Не стоит беспокоиться! Я не хотел звучать снисходительно или что-то в этом роде ... иногда картина помогает объяснить то, что трудно описать. Как правило, показывая, что код разрезает право на погоню и не позволит людям предлагать общие вещи, которые вы, возможно, уже пробовали. Ура! :) –