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文件如何使用就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。