Flex4中StyleManager 修改样式

1. 问题：

Flex 4中用Flex 3代码：StyleManager.getStyleDeclaration('Button').setStyle('fontSize',24);

报错如下：

自 4.0 以来已弃用。 请使用 IStyleManager2.getStyleDeclaration on a style manager instance
获取存储指定 CSS 选择器规则的 CSSStyleDeclaration 对象。

2. 分析：

Flex4中不能再调用StyleManager类作为单例模式了。

3.解决：

StyleManager.getStyleManager(null).getStyleDeclaration('mx.controls.Button').setStyle('fontSize',24);

4. 实例代码：

<?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/mx" minWidth="955" minHeight="600"
  creationComplete="initApp(event)">
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->

</fx:Declarations>

<fx:Style>

@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
mx|ToolTip {
fontSize: 50;
color: #ED1A3D;
backgroundColor: #000000;
}

.myStyle {
color: red;
}

</fx:Style>

<fx:Script>
<![CDATA[

public function initApp(e:Event):void {
import mx.managers.SystemManagerGlobals;
var manager:IStyleManager2 = StyleManager.getStyleManager(null);
var s:CSSStyleDeclaration = manager.getStyleDeclaration("mx.controls.ToolTip");
s.setStyle("fontSize", 50);
s.setStyle("color", 0xED1A3D);
s.setStyle("backgroundColor", 0x0);

//得到CSSStyleDeclaration类的样式并设定"Button"样式
manager.getStyleDeclaration("spark.components.Button"). setStyle("fontSize",24);
//设定一个新的样式名称
manager.getStyleDeclaration(".myStyle").setStyle("color",0xCC66CC);
}
]]>
</fx:Script>

<s:Button y="79" label="第一个按钮" horizontalCenter="0"  toolTip="button" />
<s:Label y="147"  id="myLabel"  text="This is a label"  styleName="myStyle" horizontalCenter="0"/>
</s:Application>