Flex 4 - скроллер скин

Question

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

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

Я попытался создать обложку для компонента Scroller и увидел, что он использует 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/