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