自定义FLEX的滚动条样式

来源：互联网发布：苹果电脑下不了淘宝编辑：程序博客网时间：2024/06/06 00:54

VScrollBar {
/*

下面箭头的样式

*/
downArrowUpSkin:
Embed(source="icons/hsthumb.gif");
downArrowOverSkin:
Embed(source="icons/hsthumb.gif");
downArrowDownSkin:
Embed(source="icons/hsthumb.gif");

/*

上面箭头的样式

*/
upArrowUpSkin:
Embed(source="icons/hsthumb.gif");
upArrowOverSkin:
Embed(source="icons/hsthumb.gif");
upArrowDownSkin:
Embed(source="icons/hsthumb.gif");

/*

中间条的样式

*/

thumbDownSkin:
Embed(source="icons/hsthumb.gif",
scaleGridLeft="7", scaleGridTop="5",
scaleGridRight="8", scaleGridBottom="7");
thumbUpSkin:
Embed(source="icons/hsthumb.gif",
scaleGridLeft="7", scaleGridTop="5",
scaleGridRight="8", scaleGridBottom="7");
thumbOverSkin:
Embed(source="icons/hsthumb.gif",
scaleGridLeft="7", scaleGridTop="5",
scaleGridRight="8", scaleGridBottom="7");

/*

中间的样式

*/

trackSkin:
Embed(source="icons/hsthumb.gif",
scaleGridLeft="7", scaleGridTop="4",
scaleGridRight="8", scaleGridBottom="6");

}

Mxml文件文件应用：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">  <mx:Style source="userStyle.css"/>  <mx:List x="56" y="51" verticalScrollBarStyleName="scrollBar" width="130">   <mx:dataProvider>    <mx:Object label="label1" data="1"/>    <mx:Object label="label1" data="1"/>    <mx:Object label="label1" data="1"/>    <mx:Object label="label1" data="1"/>    <mx:Object label="label1" data="1"/>   </mx:dataProvider>  </mx:List>   </mx:Application>

flex中去掉滚动条有两种方法：

1. clipContent="false"
它的作用是取消滚动。
2. 横的：horizontalScrollPolicy="off"
竖的，：verticalScrollPolicy="off"

0 0