Flex：自定义滚动条样式/隐藏上下箭头

?

Flex组件自定义滚动条的实现

css代码：

.scrollBar{ downArrowUpSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png"); downArrowOverSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png"); downArrowDownSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png"); downArrowDisabledSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png"); upArrowUpSkin:Embed(source="img/mainLeftScrollBar/bar_top.png"); upArrowOverSkin:Embed(source="img/mainLeftScrollBar/bar_top.png"); upArrowDownSkin:Embed(source="img/mainLeftScrollBar/bar_top.png"); upArrowDisabledSkin:Embed(source="img/mainLeftScrollBar/bar_top.png"); thumbDownSkin:Embed(source="img/mainLeftScrollBar/bar_middle_down.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26"); thumbUpSkin:Embed(source="img/mainLeftScrollBar/bar_middle.png",scaleGridBottom="26"); thumbOverSkin:Embed(source="img/mainLeftScrollBar/bar_middle_over.png",scaleGridBottom="26"); trackSkin:Embed(source="img/mainLeftScrollBar/bar_bg.png",scaleGridBottom="26"); }?

?

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滚动条的箭头和滑竿

：

.myCustomScrollBarStyleName { downArrowSkin: ClassReference(null); upArrowSkin: ClassReference(null); thumbSkin: ClassReference(null); }?

?

实现效果：