Flex樣式的添加和卸載
本文向大家簡(jiǎn)單介紹一下Flex樣式的概念,主要包括Flex樣式的添加和卸載,我們可以用Flex包里提供的StyleManager這個(gè)類來(lái)加載和卸載Flex樣式。
Flex樣式
Flex樣式添加的方法有很多種
1:效率***的就是直接用<mx:Stylesource="demo.css"/>這樣了
2:我們不引用css也可以在mxml文件中直接寫內(nèi)部樣式例如:
3:還可以用Flex包里提供的StyleManager這個(gè)類來(lái)加載和卸載Flex樣式
這樣加載和卸載的Flex樣式是將樣式編譯后的swf文件,在eclipse中選中樣式文件鼠標(biāo)右鍵選擇CompileCSStoSWF選擇了它后這項(xiàng)前面會(huì)打上對(duì)勾,下來(lái)編譯的時(shí)候就會(huì)把css文件編譯成swf文件了
這個(gè)類的StyleManager.loadStyleDeclarations('demo/css/css.swf');
這個(gè)方法加載Flex樣式
還可以運(yùn)用StyleManager.unloadStyleDeclarations('demo/css/css.swf');
這個(gè)方法來(lái)卸載Flex樣式
這樣我們就可以在自己的程序里面實(shí)現(xiàn)換膚了,很好玩吧。
4:我們可以通過(guò)標(biāo)簽的屬性來(lái)添加Flex樣式
運(yùn)用標(biāo)簽的styleName這個(gè)屬性來(lái)添加css文件里的樣式,例如css里面有個(gè)樣式名稱是color,我們就可以這樣<mx:TextInputstyleName='color'/>這樣就OK了
上面添加的是css里面的設(shè)計(jì)好的樣式,也可以在標(biāo)簽里面直接添加樣式,例如:<mx:TextInputcolor="#000000"/>
5:其實(shí)在Flex中mxml文件和as文件之間的關(guān)系就像jsp文件和Servlet一樣,mxml里的每一個(gè)標(biāo)簽都可以在as文件中直接new出來(lái),所以我們還可以在as文件中通過(guò)另一種方法添加樣式,例如:
- vartext:TextInput=newTextInput();
- text.setStyle("color","#000000");
但是在有的時(shí)候控件的狀態(tài)改變的時(shí)候我們也想讓他換個(gè)別的樣式我們可以將這個(gè)樣式clear掉,例如:text.clearStyle("color");
- <mx:Style>
- //這個(gè)是標(biāo)簽樣式
- TextInput{
- color:#000000;
- }
- //這個(gè)是類樣式就是可以通過(guò)標(biāo)簽的styleName屬性來(lái)添加
- .text{
- color:#000000;
- }
- </mx:Style>
【編輯推薦】
- Flex客戶端工程路徑規(guī)劃指導(dǎo)
- Flex開發(fā)者必須知道的10件事
- 技術(shù)前沿 看Flex客戶端緩存技術(shù)如何使用
- 12個(gè)Flex常用功能代碼再現(xiàn)
- 學(xué)習(xí)筆記 Flex國(guó)際化如何支持其他語(yǔ)言