FLEX开发学习笔记-在Flex中使用CSS

最近有一个项目需要应用到FLASH开发一个脚本播放器(具体不说明了),经过比较感觉还是用FLEX来开发比较合适。当然了针对FLEX我的基础可以说是零,只有请教GG老师了,下面就是我的第一份笔记,希望也能对在学习的朋友有所帮助

一.使用<mx:Style>标签

xml 代码

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
  3.     <mx:Style> 
  4.         Button {  
  5.            color: #ff0000;  
  6.            borderColor: #cccccc;  
  7.            themeColor: #00ff00;  
  8.            fontFamily: Arial;  
  9.            fontSize: 12;  
  10.            fontWeight: normal;  
  11.         }  
  12.         .mylinkButton {  
  13.            rollOverColor: #00ff00;  
  14.            selectionColor: #00ff00;  
  15.            color: #ffff00;  
  16.         }  
  17.     </mx:Style> 
  18.     <mx:Button x="10" y="10" label="Button"/> 
  19.     <mx:LinkButton styleName="mylinkButton" label="LinkButton" x="10" y="40"/> 
  20. </mx:Application>

二.使用css文件

使用css文件和使用标签基本一样。先创建一个css文件mystyle.css,并将上面的样式内容复制进去。

css 代码

  1. /* CSS file *
  2. Button {  
  3.    color: #ff0000;  
  4.    borderColor: #cccccc;  
  5.    themeColor: #00ff00;  
  6.    fontFamily: Arial;  
  7.    fontSize: 12;  
  8.    fontWeight: normal;  
  9. }  
  10. .mylinkButton {  
  11.    rollOverColor: #00ff00;  
  12.    selectionColor: #00ff00;  
  13.    color: #ffff00;  
  14.    textRollOverColor: #0000ff;  
  15. }

再修改我们的主程序,使用标签的source属性,指定css文件

xml 代码

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 
  3.     <mx:Style source="css/mystyle.css"/> 
  4.     <mx:Button x="10" y="10" label="Button"/> 
  5.     <mx:LinkButton styleName="mylinkButton" label="LinkButton" x="10" y="40"/> 
  6. </mx:Application>

三.使用编程方法

可以通过CSSStyleDeclaration对象,来设置css样式,也可以通过flex显示对象的setStyle()来设置样式。

  1. private function init():void {
  2.  myLinkBtn.setStyle("color", "#ff0000");
  3.  myLinkBtn.setStyle("rollOverColor", "#ffff00");
  4. }


发表评论?

0 条评论。

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

无觅相关文章插件,快速提升流量