Flex设置Canvas滚动条的样式和滑块的高度

Flex的canvas组件有默认的滚动条，通常我们需要改变滚动条的样式

.scrollBar
{
　　downArrowSkin:      ClassReference(null);      //去掉上下箭头
　　upArrowSkin:        ClassReference(null);  

　　/*滑块设置*/
　　thumbDownSkin:Embed(source="assets/button/004.png");
　　thumbUpSkin:Embed(source="assets/button/004.png");   
　　thumbOverSkin:Embed(source="assets/button/004.png"); 
 
　　/*滑竿样式设置*/
　　trackSkin:Embed(source="assets/button/003.png");  
}
滑块的Height会随着容器里的内容产生变化，可以改写控件使它保持一个固定高度

import mx.containers.Canvas;
import mx.core.mx_internal; 
use namespace mx_internal;
 
public class CanvasComponent extends Canvas
{
　　public function CanvasComponent()
　　{
　　super();
　　}
  
　　override protected function updateDisplayList(uw:Number,uh:Number):void 
　　{ 
   
　　　　super.updateDisplayList(uw, uh); 
   
　　　　if (verticalScrollBar)     
　　　　{ 
　　　　　　verticalScrollBar.scrollThumb.minHeight = 43;    
　　　　　　verticalScrollBar.setScrollProperties(0,verticalScrollBar.minScrollPosition,verticalScrollBar.maxScrollPosition,0)
　　　　} 
　　}
}
//重写之后要监听Canvas容器，当里面的内容发生改变时调用 validateDisplayList（）;方法，否则Height还是会变化