样式的使用（七）

在自定义组件中使用运行时样式

1、css文件

/* ../assets/CustomComponentStyles.css */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/halo";
.specialStyle{
	font-size:24;
	font-weight:bold;
}

记得要把文件编译为swf文件

2.自定义组件MyButton.as

package comps
{
	import mx.events.FlexEvent;
	
	import spark.components.Button;
	
	public class MyButton extends Button
	{
		public function MyButton()
		{
			addEventListener(FlexEvent.INITIALIZE,initEventHandler);
		}
		private function initEventHandler(event:FlexEvent):void{
			styleManager.loadStyleDeclarations("assets/CustomComponentStyles.swf",true);
			this.styleName="specialStyle";
		}
	}
}

3.在组件中使用

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
	xmlns:s="library://ns.adobe.com/flex/spark" 
	xmlns:mx="library://ns.adobe.com/flex/halo" 
	xmlns:comps="comps.*">
	<comps:MyButton label="custom"/>
	</s:Application>