当前位置: > > > Flex4 - 自定义组件添加style元数据标签,以及默认样式设置

Flex4 - 自定义组件添加style元数据标签,以及默认样式设置

下面示例演示了组件样式元数据标签的添加,以及这些样式默认值的设置。
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