css样式文件可以编译成swf文件导入到程序中,来改变组件的样式。

右键css文件,选择complie css to swf选项

代码:


  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"   
  3.                xmlns:s="library://ns.adobe.com/flex/spark"   
  4.                xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:cccccc="cccccc.*"   
  5.                width="400" height="300" creationComplete="init()"> 
  6.     <fx:Declarations> 
  7.         <!-- 将非可视元素(例如服务、值对象)放在此处 --> 
  8.     </fx:Declarations> 
  9.     <fx:Script> 
  10.         <![CDATA[  
  11.             public function init():void{  
  12.                 this.styleManager.loadStyleDeclarations("style.swf");  
  13.             }  
  14.               
  15.             protected function button1_clickHandler(event:MouseEvent):void  
  16.             {  
  17.                 this.styleManager.loadStyleDeclarations("style2.swf");  
  18.             }  
  19.               
  20.         ]]> 
  21.     </fx:Script> 
  22.     <mx:VBox width="100%" height="100%" verticalAlign="middle" horizontalAlign="center"> 
  23.         <s:Button label="111111111111" click="button1_clickHandler(event)"/> 
  24.         <s:Button label="222222222222"/> 
  25.           
  26.         <s:Button label="333333333333"/> 
  27.         <s:Button label="444444444444"/> 
  28.           
  29.     </mx:VBox>   
  30. </s:TitleWindow> 

以上代码是在一个TitleWindow里面动态的导入两个css文件编译成的swf文件,点击按钮的时候,会切换另一个swf文件,经测试确实可以改变容器内组件的样式。