Для создания гибкого компонента управления громкостью, аналогичного тому из Youtube

Question

Эй, мне поручили разработать компонент управления громкостью flex 3, похожий на тот, который есть у игроков на Youtube. Я имею в виду, вы наводите курсор мыши на значок громкости, и появляется вертикальный ползунок.

Мое единственное сомнение в том, как заставить этот вертикальный слайдер появляться и правильно скрываться.

Должен ли я как-то расширить PopUpButton? Может быть, другой вид компонента PopUp? Или мне действительно нужно запрограммировать все это в actionScript (это было бы просто печально и звучало бы как изобретать велосипед)?

Кто-нибудь может просто указать мне правильное направление?

ОБС: Нет необходимости учить меня шкуре, дизайну или чему-либо другому. :)

Answer 1

Нет! Не используйте всплывающее окно. Поместите холст где-нибудь спрятанный за панелью управления и просто установите его видимым в true, когда вы наводите курсор мыши на элемент управления.

Я не помню, если ползунок youtube закрывает кнопку громкости или появляется над ней, но в любом случае вы можете поместить ее туда с помощью холста.

Если вы хотите, чтобы это был один компонент, проблема, с которой вы столкнетесь, заключается в том, что размер будет неправильным, если вы скроете ползунок в компоненте кнопки (он будет измеряться, чтобы быть размером ползунка, а не кнопка). Но не волнуйся! Просто переопределите measure () и измерьте кнопку вместо обоих. Затем, если для clipContent установлено значение false, ползунок может отображаться за его пределами

Answer 2

Я предлагаю создать гибкий элемент управления, содержащий графику для отображения измерителя громкости и скрытый ползунок.

При наведении на графический измеритель объема вы показываете ползунок. Когда вы раскручиваете ползунок или измеритель громкости, вы скрываете ползунок.

Я верю, что это все