在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之间的部分位伸，其它部分（只剩下四个角了）还是会等比例显示．这个鬼东西对像这样的滚动条，或者在拉伸那种圆角矩形时，非常有用．