flex动态加载使用css文件实例

1、css_dynaset.mxml

<?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/halo"

minWidth="1024" minHeight="768"

creationComplete="init();">

<fx:Script>

<![CDATA[

import mx.styles.StyleManager;

import mx.collections.ArrayCollection;

/*由于css文件不自动编译成.swf文件，因此每保存好一次记得就要手动编译一次*/

private function init():void{

var array:Array = new Array();

array.unshift({label:"红", selfColor:"red.swf"}); //必须以label为名

array.unshift({label:"绿", selfColor:"green.swf"});

array.unshift({label:"蓝", selfColor:"blue.swf"});

comboBoxID.dataProvider = new ArrayCollection(array);

}

private function loadStyles(styleURL:String):void{

StyleManager.loadStyleDeclarations(styleURL); //动态加载css的函数

}

]]>

</fx:Script>

<mx:ComboBox id="comboBoxID" x="500" y="50" prompt="Please select a style"

change="loadStyles(comboBoxID.selectedItem.selfColor);"/>

</s:Application>

2、red.css

/* CSS file */

@namespace s "library://ns.adobe.com/flex/spark";

@namespace mx "library://ns.adobe.com/flex/halo";

/* red.css */

s|Application{

backgroundColor: red;

}

3、green.css

/* CSS file */

@namespace s "library://ns.adobe.com/flex/spark";

@namespace mx "library://ns.adobe.com/flex/halo";

/* green.css */

s|Application{

backgroundColor: haloGreen;

}

4、blue.css

/* CSS file */

@namespace s "library://ns.adobe.com/flex/spark";

@namespace mx "library://ns.adobe.com/flex/halo";

/* blue.css */

s|Application{

backgroundColor: haloBlue;

}