Скроллинг для скинов flex 4

Question

Мне нужно очистить полосу прокрутки. Я выяснил, как изменить базовый цвет, однако нужно также изменить цвет границы полосы прокрутки (мне нужно, чтобы она была более серой).

Вот код:

<s:WindowedApplication name="scrollerSkinning"
           xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark" 
           width="1024" height="780">

<fx:Style>
    @namespace s "library://ns.adobe.com/flex/spark";

    s|Scroller {
    verticalScrollPolicy: on;
    }

    s|VScrollBar {
    chromeColor: #FFFFFF;           
    }

</fx:Style>

<s:Scroller width="100%" height="100%">
    <s:Group width="100%" height="100%">
        <s:layout>
            <s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
        </s:layout>
        <s:Image id="imageGeneralPage" source="@Embed('images/genpage.png')"/>
    </s:Group>
</s:Scroller>

</s:WindowedApplication>

Изображение genpage.png больше по размеру, чем окно приложения, таким образом, там отображается вертикальная полоса прокрутки, которая мне нужна, чтобы ничего не менять, ничего особенного, только изменение цвета. Ценю любую подсказку, спасибо

Answer 1

Спасибо вам обоим за ответы. сначала я сделал так, как предложил RIAstar: MXML: Spark skin и полоса прокрутки VGroups

затем скопировал скины по умолчанию:

<s:Button id="track" top="16" bottom="15" height="54"
          focusEnabled="false" tabEnabled="false"
          skinClass="mySkins.VScrollBarTrackSkin1" />

в пакете "mySkin" и отредактировали прямоугольное свойство цвета SolidColorStroke:

<s:Rect top="0" bottom="0" left="0" right="0" minWidth="14" minHeight="14">
    <s:stroke>
        <s:SolidColorStroke color="0x888888" weight="1"/>
    </s:stroke>
    <s:fill>
        <s:SolidColor color="0xCACACA" />
    </s:fill>
</s:Rect>

Спасибо за помощь.

PS @RIAstar, не знаю, как дать вам слава, хотя:(