`
wgcode
  • 浏览: 577393 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

flex.ScrollBar样式应用

    博客分类:
  • Flex
阅读更多

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

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics