在Flex中的更改滚动条的外观

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″);}

 

以上CSS的代码都比较简单明了，只是thumbDownSkin，thumbUpSkin，thumbOverSkin，trackSkin四个中的后面4个属性（scaleGridLeft，scaleGridTop，scaleGridRight，scaleGridBottom）比较怪怪，一开始我也不懂是啥意思．Google了一下，原来是一个叫 Scale-9 的东东，这个东东中文叫啥我还不大清楚（好像是叫九格宫？）．简单的说，就是当图片拉伸的时候，只会对设置的格子之间的部分进行拉伸（横向拉伸时只对X坐标之间的部分位伸，纵向位伸时只对Y坐标之间的部分位伸），如上面的thumbUpSkin，横向拉伸时，会对X坐标为7，8之间的部分拉伸，纵向拉伸时，会对Y坐标为5，7之间的部分位伸，其它部分（只剩下四个角了）还是会等比例显示．这个鬼东西对像这样的滚动条，或者在拉伸那种圆角矩形时，非常有用．