如何在Flex 3中减小图块列表的水平滚动条的厚度

Question

I am having a Horizontal tile list, i want to customize the style of the horizontal scroll bar of this tile list. I want to reduce the thickness of the scroll bar so that it looks as a thick line or something. Even i dont want the arrows at the either side of the scroll bar. How can i do this?

Answer 1

In flex 3 it is possible to skin the scrollbar in CSS:

mx|ScrollBar 
{
    up-arrow-skin: ClassReference(null); //removes up arrow
    down-arrow-skin: ClassReference(null); // removes down arrow
    trackSkin: Embed(source="assets/ScrollBarTrack.png", scaleGridLeft="1", scaleGridTop="4", scaleGridRight="5", scaleGridBottom="16");
    thumbUpSkin: Embed(source="assets/ScrollBarThumb_up.png", scaleGridLeft="1", scaleGridTop="4", scaleGridRight="5", scaleGridBottom="16");
    thumbOverSkin: Embed(source="assets/ScrollBarThumb_over.png", scaleGridLeft="1", scaleGridTop="4", scaleGridRight="5", scaleGridBottom="16");
    thumbDownSkin: Embed(source="assets/ScrollBarThumb_down.png", scaleGridLeft="1", scaleGridTop="4", scaleGridRight="5", scaleGridBottom="16");
}

In flex 4 you would want to write a custom skin.