Flex 4 - скроллер кожа

Question

Пытаюсь кожа скроллера в моем приложении, так что он выглядит как пример, упомянутый в http://insideria.com/2009/11/flex-101-customize-scrollbars.html

Этот пример был сделана в Flex 3 и изображения устанавливаются в CSS.

Я попытался создать скин для компонента скроллер и увидел, что он использует VScrollBar и HScrollBar. Я попытался поместить скины для этих компонентов. VScrollBar использует отдельные скины для кнопок дорожки, большого пальца, уменьшения/увеличения.

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

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

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

Answer 1

Создать кожу файлы для следующего: VScrollBarSkin, VScrollBarThumbSkin, VScrollBarTrackSkin, HScrollBarSkin, HScrollBarThumbSkin и HScrollBarTrackSkin. (Обычно я использую скины по умолчанию в качестве отправной точки.) Убедитесь, что файлы VScrollBarSkin и HScrollBarSkin ссылаются на новые скины для дорожки/большого пальца. Затем установите их в свой CSS следующим образом:

s|HScrollBar { 
    skinClass: ClassReference("my.path.to.skins.HScrollBarSkin"); 
} 

s|VScrollBar { 
    skinClass: ClassReference("my.path.to.skins.VScrollBarSkin"); 
} 

Надеюсь, что это поможет.

Answer 2

Это звучит, как вы собираетесь в правильном направлении, возможно, попробовать, что писало здесь в качестве примера первого, я не дал это прогоном, но пока это выглядит как хороший пример: http://dgrigg.com/blog/2010/07/06/flex-spark-list-with-custom-scroll-bar-and-itemrenderer/