flex 中设置滚动条的样式 (转)
flex样式, 个性化
在Flex中使用容器的时候，经常会遇到出现滚动条的情况，虽然官方提示的滚动条外观已经非常漂亮，但有个时候我们还是会有种修改滚动条外观的冲动，让我们的程序看起来更和谐些．
在Flex中，简单的修改控件的外观可以使用样式(Style)和皮肤 (skin)，这里修改滚动的外观也是如此．首先先来比较下修改前后的滚动条样式（以横向滚动条为例）．
虽然我更改后的样式没有自带的漂亮,但是相信你一定可以把它弄的比较漂亮.以上自定义是通过以下代码实现的（代码写在外部的CSS文件中，如main.css中）．
HScrollBar { downArrowUpSkin:Embed(source=”/assets/downArrow.png”); downArrowOverSkin:Embed(source=”/assets/downArrow.png”); downArrowDownSkin:Embed(source=”/assets/downArrow.png”); upArrowUpSkin:Embed(source=”/assets/upArrow.png”); upArrowOverSkin:Embed(source=”/assets/upArrow.png”); upArrowDownSkin:Embed(source=”/assets/upArrow.png”);thumbDownSkin: Embed(source=”/assets/thumb.png”, scaleGridLeft=”7″, scaleGridTop=”5″, scaleGridRight=”8″, scaleGridBottom=”7″); thumbUpSkin:Embed(source=”/assets/thumb.png”,scaleGridLeft=”7″,scaleGridTop=”5″, scaleGridRight=”8″, scaleGridBottom=”7″); thumbOverSkin: Embed(source=”/assets/thumb.png”,scaleGridLeft=”7″, scaleGridTop=”5″, scaleGridRight=”8″, scaleGridBottom=”7″); trackSkin: Embed(source=”/assets/scrolltrack.png”, scaleGridLeft=”7″, scaleGridTop=”4″, scaleGridRight=”8″, scaleGridBottom=”6″); }