Flex樣式的添加和卸載
本文向大家簡單介紹一下Flex樣式的概念,主要包括Flex樣式的添加和卸載,我們可以用Flex包里提供的StyleManager這個類來加載和卸載Flex樣式。
Flex樣式
Flex樣式添加的方法有很多種
1:效率***的就是直接用<mx:Stylesource="demo.css"/>這樣了
2:我們不引用css也可以在mxml文件中直接寫內部樣式例如:
3:還可以用Flex包里提供的StyleManager這個類來加載和卸載Flex樣式
這樣加載和卸載的Flex樣式是將樣式編譯后的swf文件,在eclipse中選中樣式文件鼠標右鍵選擇CompileCSStoSWF選擇了它后這項前面會打上對勾,下來編譯的時候就會把css文件編譯成swf文件了
這個類的StyleManager.loadStyleDeclarations('demo/css/css.swf');
這個方法加載Flex樣式
還可以運用StyleManager.unloadStyleDeclarations('demo/css/css.swf');
這個方法來卸載Flex樣式
這樣我們就可以在自己的程序里面實現換膚了,很好玩吧。
4:我們可以通過標簽的屬性來添加Flex樣式
運用標簽的styleName這個屬性來添加css文件里的樣式,例如css里面有個樣式名稱是color,我們就可以這樣<mx:TextInputstyleName='color'/>這樣就OK了
上面添加的是css里面的設計好的樣式,也可以在標簽里面直接添加樣式,例如:<mx:TextInputcolor="#000000"/>
5:其實在Flex中mxml文件和as文件之間的關系就像jsp文件和Servlet一樣,mxml里的每一個標簽都可以在as文件中直接new出來,所以我們還可以在as文件中通過另一種方法添加樣式,例如:
- vartext:TextInput=newTextInput();
- text.setStyle("color","#000000");
但是在有的時候控件的狀態改變的時候我們也想讓他換個別的樣式我們可以將這個樣式clear掉,例如:text.clearStyle("color");
- <mx:Style>
- //這個是標簽樣式
- TextInput{
- color:#000000;
- }
- //這個是類樣式就是可以通過標簽的styleName屬性來添加
- .text{
- color:#000000;
- }
- </mx:Style>
【編輯推薦】