styleManager动态改变样式

http://www.freesitesource.com/2009/0305/542.html

<?xml version="1.0"?>

<!-- containers\layouts\MainMyLoginForm.mxml -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Style>

.myStyle {

color: red;

}

</mx:Style>

<mx:Script><![CDATA[

import mx.styles.StyleManager;

public function initApp(e:Event):void {

/* Type selector; applies to all Buttons and subclasses of Button. */

StyleManager.getStyleDeclaration("Button").setStyle("fontSize",24);

/* Class selector; applies to controls using the style

named myStyle. Note that class selectors must be prefixed

with a period. */

StyleManager.getStyleDeclaration(".myStyle").setStyle("color",0xCC66CC);

/* Global style: applies to all controls. */

StyleManager.getStyleDeclaration("global").setStyle("fontStyle","italic");

}

private function changebt(evt:MouseEvent):void

{

StyleManager.getStyleDeclaration(".myStyle").setStyle("color",0xffff00);

}

]]></mx:Script>

<mx:Button id="myButton" click="changebt(event)" label="Click Me" styleName="myStyle"/>

<mx:Label id="myLabel" text="This is a label." styleName="myStyle"/>

</mx:Application>