学习笔记在Flex中如何使用CSS文件

本文和大家重点讨论一下如何在Flex中使用CSS，主要包括使用标签和使用CSS文件两部分内容，通过这两者的对比我们可以看出在Flex使用CSS的优越性。

创新互联建站专注于永仁网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供永仁营销型网站建设，永仁网站制作、永仁网页设计、永仁网站官网定制、重庆小程序开发服务，打造永仁网络公司原创品牌,更为您提供永仁网站排名全网营销落地服务。

在Flex中使用CSS

一.使用标签

xml代码 

 
 
 

  
  
  
 
  
  
  

  
  
  
layout="absolute"> 
  
  
  
 
  
  
  
 
  
  
  
Button{  
  
  
  
color:#ff0000;  
  
  
  
borderColor:#cccccc;  
  
  
  
themeColor:#00ff00;  
  
  
  
fontFamily:Arial;  
  
  
  
fontSize:12;  
  
  
  
fontWeight:normal;  
  
  
  
}  
  
  
  
.mylinkButton{  
  
  
  
rollOverColor:#00ff00;  
  
  
  
selectionColor:#00ff00;  
  
  
  
color:#ffff00;  
  
  
  
}  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

  
  
  
x="10"y="40"/> 
  
  
  
 
  
  
  
 
  
  
  
 
 
 
 

 二.使用CSS文件

使用CSS文件和使用标签基本一样。先创建一个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;  
  
  
  
}  
 
 
 

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

xml代码
 

 
 
 

  
  
  
 
  
  
  

  
  
  
 
  
  
  
layout="absolute"> 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

  
  
  
x="10"y="40"/> 
  
  
  
 
  
  
  
 
  
  
  
 
 
 
 

 三.使用编程方法

可以通过CSSStyleDeclaration对象，来设置CSS样式，也可以通过Flex显示对象的setStyle()来设置样式。 

 
 
 

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

【编辑推荐】

1. 技术分享 Flex提交到jsp页面出现乱码解决办法
2. FlexBuilder4十大新特性闪亮登场
3. Flex框架中Cairngorm和Mate的优点大比拼
4. FlexBuilder3.0与Eclipse3.4的***结合
5. 解析Flex应用开发步骤 新特性和技术框架 

分享文章：学习笔记在Flex中如何使用CSS文件
转载来源：http://www.csdahua.cn/qtweb/news22/276672.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网