记录点学习的东西-flex.ScrollBar样式应用

ScrollBar 类是 HScrollBar 控件和 VScrollBar 控件的基类。ScrollBar 由两个箭头按钮、两者之间的轨道和大小可变的滚动滑块组成。单击其中一个箭头按钮，沿轨道拖动滚动滑块或单击轨道，可移动滚动滑块。

想改变flash自带的scrollbar样式，可以通过设置verticalScrollBarStyleName="VScrollBar"

.VScrollBar
{
/*上面箭头的样式*/
upArrowUpSkin:
Embed(source="../image/style/scroll/up_up.png");
upArrowOverSkin:
Embed(source="../image/style/scroll/up_up.png");
upArrowDownSkin:
Embed(source="../image/style/scroll/up_down.png");

/*下面箭头的样式*/
downArrowUpSkin:
Embed(source="../image/style/scroll/down_up.png");
downArrowOverSkin:
Embed(source="../image/style/scroll/down_up.png");
downArrowDownSkin:
Embed(source="../image/style/scroll/down_down.png");

/*中间条的样式*/
thumbDownSkin:
Embed(source="../image/style/scroll/bar.png",
scaleGridLeft="20", scaleGridTop="20",
scaleGridRight="21", scaleGridBottom="21");
thumbUpSkin:
Embed(source="../image/style/scroll/bar.png",
scaleGridLeft="20", scaleGridTop="20",
scaleGridRight="21", scaleGridBottom="21");
thumbOverSkin:
Embed(source="../image/style/scroll/bar.png",
scaleGridLeft="20", scaleGridTop="20",
scaleGridRight="21", scaleGridBottom="21");

/*中间的样式*/
trackSkin:
Embed(source="../image/style/scroll/VCenter.png",
scaleGridLeft="7", scaleGridTop="4",
scaleGridRight="8", scaleGridBottom="6");
}