Flex:自定义滚动条样式/隐藏上下箭头
2015-01-13 13:36
330 查看
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);
}
相关文章推荐
- Flex:自定义滚动条样式/隐藏上下箭头
- Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子
- 自定义FLEX滚动条滑块样式
- 自定义FLEX的滚动条样式
- 自定义FLEX滚动条滑块样式
- Qt 自定义 滚动条 样式
- CSS自定义滚动条样式标准写法
- CSS3自定义滚动条样式 ::webkit-scrollbar
- Flex 滚动条样式
- CSS3自定义滚动条样式 -webkit-scrollbar
- android自定义listview滚动条的样式
- [Flex]Flex SDK 4(Gumbo)更方便的自定义样式、自定义SparkSkin(三)
- 自定义浏览器滚动条的样式,打造属于你的滚动条风格
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS自定义滚动条样式
- FLEX中自定义button样式
- Qt 自定义 滚动条 样式
- CSS3自定义滚动条样式 -webkit-scrollbar
- 可自定义箭头样式的CSS3气泡提示框
- sencha touch 隐藏滚动条样式的几种方式