Flex4动态加载 切换CSS
Flex4中动态加载CSS文件的方式已经和Flex3有了一定的区别
主要步骤如下：
1.编写不同的CSS文件
见后文
2.将CSS文件编译成SWF文件
在FlashBuilder中右键CSS文件，选择Compile CSS to SWF，
这时bin-debug目录下的对应位置就会生成一个与CSS同名的SWF文件。
选中后该选项前会有勾，之后只要修改了CSS文件，就会自动编译成SWF
2.用styleManager加载SWF
代码中这样写：
this.styleManager.loadStyleDeclarations2("MyCss1.swf"); //代码中填写上一步由CSS生成的SWF文件路径
CSS写法：
MyCss1.css
/* CSS file */
/*命名空间*/
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
/*使用skin类来定义皮肤，所以要用ClassReference函数*/
s|List{
skin-class:ClassReference("skins.ListSkin1");
}
/*符号#代表指定的ID*/
s|Label#labelExamples{
font-size:14;
color:#990099;
}
s|CheckBox{
font-size:9;
color:#FF3300;
}
s|RadioButton{
font-size:92;
color:#990099;
}
s|Button{
font-size:32;
color:#FF3300;
}
注：CSS中无法设置ItemRenderer，所以如果要实现不同CSS用不同的ItemRenderer，为各个CSS指定不同的skin类，并且在skin类中分别设置的ItemRenderer
例如，我的例子中要为List设置不同的ItemRenderer，就不要写成<s:List itemRenderer="itemRenderers.ListItemRenderer1".../>
而要在CSS中为List指定skinClass为skins.ListSkin1，代码：skin-class:ClassReference("skins.ListSkin1");
然后，在skin.ListSkin1中设置ItemRenderer，代码：
<s:DataGroup id="dataGroup" itemRenderer="itemRenderers.ListItemRenderer1">
<s:layout>...
MyCss2.css——另一个CSS文件
/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
/* 使用了另一个Skin类*/
s|List{
skin-class:ClassReference("skins.ListSkin2");
}
s|Label#labelExamples{
font-size:42;
color:#009966;
}
s|CheckBox{
font-size:22;
color:#009966;
}
s|RadioButton{
font-size:20;
color:#009966;
}
s|Button{
font-size:12;
color
相关文档：
Flex Builder 3 正式版，发布于中国时间 2008 年 2 月 25 日；
下载地址一：
http://download.macromedia.com/pub/flex/flex_builder/FB3_win.exe
大小： 424 MB ；未进行压缩的 Flex Builder 3 安装文件
不用注册登录，可以直接下载。
下载地址二：
http://trials.adobe.com/Applications/.../FB3_WWEJ.exe
大小：� ......
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
<mx:Script>
<
