一次设定多个style给UIComponent

奥妙之处就在: CSSStyleDeclaration
一般来说，setStyle(proName,value)是最常见的做法，然而，每次使用这个方法都会触发styleChanged(event)的处理程式，大部分也都会迫使元件重绘(redraw)，重绘意味著耗去许多资源，尤其画面越复杂，越容易拖慢系统速度。可是，style是个好物阿，我想要一次就设定一堆style进去，又不想每次setStyle()就重绘画面...
可以用
CSSStyleDecleration#defaultFactory
或

CSSStyleDecleration#factory
[勘误]
先前用styleName = iniStlye() , 这方法很糟(不愿具名高手指正), 请用 StyleManager 来设定, 别用styleName
public class MyUI extends UIComponent{
public static customStyles:CSSStyleDecleration = iniStyles();
public function MyUI(){
super();
}
private static function iniStyles():CSSStyleDecleration{
var cd:CSSStyleDecleration = StyleManager.getStyleDeclaration("MyUI");
cd.defaultFactory = function():void{
this.color = 0x00ff00;
this.fontSize = 24;
this.paddingLeft = 10;
/* more styles.... */
}
StyleManager.setStyleDeclaration("MyUI", cd,
false);
return cd;
}
}

本文转自
http://blog.shiue.net/?p=495