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");
}

 

你可能感兴趣的:(Flex,Flash,UP)