您好,登錄后才能下訂單哦!
這篇文章給大家介紹Flex中CSS文件如何使用,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
一.使用<mx:Style>標(biāo)簽
xml代碼
<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Style> Button{ color:#ff0000; borderColor:#cccccc; themeColor:#00ff00; fontFamily:Arial; fontSize:12; fontWeight:normal; } .mylinkButton{ rollOverColor:#00ff00; selectionColor:#00ff00; color:#ffff00; } </mx:Style> <mx:Buttonxmx:Buttonx="10"y="10"label="Button"/> <mx:LinkButtonstyleNamemx:LinkButtonstyleName="mylinkButton"label="LinkButton" x="10"y="40"/> </mx:Application>
二.使用CSS文件
使用CSS文件和使用<mx:Style>標(biāo)簽基本一樣。先創(chuàng)建一個CSS文件mystyle.CSS,并將上面的樣式內(nèi)容復(fù)制進(jìn)去。
CSS代碼
/*CSSfile*/ Button{ color:#ff0000; borderColor:#cccccc; themeColor:#00ff00; fontFamily:Arial; fontSize:12; fontWeight:normal; } .mylinkButton{ rollOverColor:#00ff00; selectionColor:#00ff00; color:#ffff00; textRollOverColor:#0000ff; }
再修改我們的主程序,使用<mx:Style>標(biāo)簽的source屬性,指定CSS文件
xml代碼
<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Stylesourcemx:Stylesource="CSS/mystyle.CSS"/> <mx:Buttonxmx:Buttonx="10"y="10"label="Button"/> <mx:LinkButtonstyleNamemx:LinkButtonstyleName="mylinkButton"label="LinkButton"x="10"y="40"/> </mx:Application>
三.使用編程方法
可以通過CSSStyleDeclaration對象,來設(shè)置CSS樣式,也可以通過Flex顯示對象的setStyle()來設(shè)置樣式。
privatefunctioninit():void{ myLinkBtn.setStyle("color","#ff0000"); myLinkBtn.setStyle("rollOverColor","#ffff00"); }
關(guān)于Flex中CSS文件如何使用就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。