Flex4 - 自定义组件添加style元数据标签,以及默认样式设置
作者:hangge | 2015-02-04 09:41
下面示例演示了组件样式元数据标签的添加,以及这些样式默认值的设置。
package {
import mx.core.UIComponent;
import mx.styles.CSSStyleDeclaration;
import mx.styles.StyleManager;
[Style(name="lineThickness", type="Number", inherit="no")]
[Style(name="lineColor", type="Number", inherit="no")]
[Style(name="colors", type="Array", arrayType="Number", inherit="no")]
public class Graph extends UIComponent {
/**
* 初始化默认样式
*/
private static var stylesInited:Boolean = initStyles();
public function Graph():void{
super();
}
/**
* 初始化默认样式
*/
private static function initStyles():Boolean{
var styleDeclaration:CSSStyleDeclaration = StyleManager.getStyleDeclaration("Graph");
if (!(styleDeclaration)){
styleDeclaration = new CSSStyleDeclaration();
};
styleDeclaration.defaultFactory = function ():void{
this.lineThickness = 2;
this.lineColor = undefined;
this.colors = [0xFF6600, 16568834, 11591177, 888527, 2755792,
13438324, 0xCC0000, 0xCC00, 204, 0xDDDDDD, 0x999999, 0x333333, 0x990000];
};
StyleManager.setStyleDeclaration("Graph", styleDeclaration, false);
return (true);
}
}
}
全部评论(0)