Flex中CSS文件如何使用

這篇文章給大家介紹Flex中CSS文件如何使用，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

一.使用<mx:Style>標簽

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>標簽基本一樣。先創建一個CSS文件mystyle.CSS，并將上面的樣式內容復制進去。

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>標簽的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對象，來設置CSS樣式，也可以通過Flex顯示對象的setStyle()來設置樣式。

privatefunctioninit():void{  myLinkBtn.setStyle("color","#ff0000");  myLinkBtn.setStyle("rollOverColor","#ffff00");  }

關于Flex中CSS文件如何使用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。