Flex 2.0.1中css的新用法

以前在flex中如果要切换不同的样式,用css文件来导入;这样做能丰富应用程序的界面,但是还是有一个问题存在,就是在每次切换的时候都要重新装载css文件,你切换7次就要装载7次很不方便,现在在2.0.1中可以直接把css文件编译成swf,只要装载一次就可以了,具体用法如下:

1. 设计样式
   我一般是通过 Flex 2 Style Explorer,很直观,设计好后就可以直接粘贴到css文件里使用了.
   Flex 2 Style Explorer
   Download Flex Style Explorer ZIP
2. 运行命令行
   mxmlc style1CSS.css
   和编译mxml文件一样的方便,编译后会产生'style1CSS.swf'文件,你在以后的App里就可以使用了.
3. 使用样式swf文件
   
   <mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute"
    initialize="StyleManager.loadStyleDeclarations( 'style1CSS.swf' )" 
    viewSourceURL="srcview/index.html">
    
    <mx:ComboBox 
     id="styleCombo"
     top="10" left="10" right="10"
     dataProvider="['style1CSS','style2CSS','style3CSS']"
     change="StyleManager.loadStyleDeclarations( styleCombo.selectedItem + '.swf' )">
    
   </mx:Application>
   
4. 运行示例Runtime CSS Example

英文原文:Flex 2.0.1 - Understand Runtime CSS