自定义FLEX的滚动条样式

发布时间：2020-12-15 03:33:40 所属栏目：百科来源：网络整理

导读：VScrollBar { /* 下面箭头的样式 */ downArrowUpSkin: Embed(source="icons/hsthumb.gif"); downArrowOverSkin: Embed(source="icons/hsthumb.gif"); downArrowDownSkin: Embed(source="icons/hsthumb.gif"); /* 上面箭头的样式 */ upArrowUpSkin: Embed(sou

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",scaleGridBottom="7");
thumbOverSkin:
Embed(source="icons/hsthumb.gif",scaleGridBottom="7");

/*

中间的样式

*/

trackSkin:
Embed(source="icons/hsthumb.gif",scaleGridTop="4",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"

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!