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

简介:

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

.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",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");
thumbOverSkin:Embed(source="img/mainLeftScrollBar/bar_middle_over.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");

trackSkin:Embed(source="img/mainLeftScrollBar/bar_bg.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");
}

 

隐藏Flex滚动条的箭头和滑竿

 

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

 

本文转自jiahuafu博客园博客,原文链接http://www.cnblogs.com/jiahuafu/p/4221072.html如需转载请自行联系原作者


jiahuafu

相关文章
|
容器
flex 布局以及样式
1.Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性2.任何一个容器都可以用flex布局(注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效) 采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。
1357 0
|
前端开发
css3属性flex弹性布局设置三列(四列)分布样式
参考:阮一峰的网络日志 doctype html> Document body{ padding: 0; margin: 0; } .
1449 0
Flex中如何通过设置GridLines对象的horizontalAlternateFill样式交错显示LineSeries图表背景颜色的例子
原文 http://blog.minidx.com/2008/11/27/1652.html 接下来的例子演示了Flex中如何通过设置GridLines对象的horizontalAlternateFill样式,交错显示LineSeries图表背景颜色。
943 0
Flex中如何通过horizontalTickAligned和verticalTickAligned样式指定线图LineChart横竖方向轴心标记的例子
原文 http://blog.minidx.com/2008/12/03/1669.html   接下来的例子演示了Flex中如何通过horizontalTickAligned和verticalTickAligned样式,指定线图LineChart横竖方向轴心标记。
797 0
|
索引
Flex4 饼图样式(颜色渐变,点击分离,环形)
参考原文http://blog.sina.com.cn/s/blog_71251e0f0100v72w.html     Flex4 饼图样式(颜色渐变,点击分离,环形) 属性:  innerRadius=".
818 0
flex的组件滚动条居左
在某些场景下,需要将滚动条居左显示(默认居右),只需要改变scrollbar的x坐标即可。 1: public override function validateDisplayList():void 2: { 3: super.
679 0