转自:http://www.scriptlover.com/pages/article.asp?ArticleID=269
一.使用<mx:Style>标签
xml 代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns: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:Button x="10" y="10" label="Button"/>
<mx:LinkButton styleName="mylinkButton" label="LinkButton" x="10" y="40"/>
</mx:Application>
二.使用css文件
使用css文件和使用<mx:Style>标签基本一样。先创建一个css文件mystyle.css,并将上面的样式内容复制进去。
css 代码
/* CSS file */
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 代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style source="css/mystyle.css"/>
<mx:Button x="10" y="10" label="Button"/>
<mx:LinkButton styleName="mylinkButton" label="LinkButton" x="10" y="40"/>
</mx:Application>
三.使用编程方法
可以通过CSSStyleDeclaration对象,来设置css样式,也可以通过flex显示对象的setStyle()来设置样式。
private function init():void {
myLinkBtn.setStyle("color", "#ff0000");
myLinkBtn.setStyle("rollOverColor", "#ffff00");
}
分享到:
相关推荐
这个就相当于flex的CSS2.0帮助文档 详细的告诉你flex中每个样式的使用方法
Flex3.0 使用CSS美化界面 很简单的事例,高手就不用看了,献丑
Flex中的CSS样式 详尽的讲解
flex 动态加载css文件方法总结,增加flex的界面美化效果。简单易懂,易操作。
这个是css3 flex的使用示例集合,详细的介绍请查看博客:http://blog.csdn.net/u011113654/article/details/50947021
Flex3中应用CSS完全详解手册 在FLEX中使用样式方法 一、使用本地样式定义 二、使用外部样式表 三、使用内联样式 四、使用setStyle()方法 五、脚本方法 Application组件样式属性……
flex,css帮助 Flex_Css完全手册。。。。。。。flex,css帮助 Flex_Css完全手册。。。。。。
Flex各种控件,样式生成工具(定制各种Flex按钮网页css样式),可视化操作,自动生成css代码。适合界面开发者使用,实现快速开发。
编辑完这个FLEX下的CSS说明后,我基本已经兵临...在些天在AIRIA下了不少好东西,今天终于有空,也发一个比较不错的东西给大家,相信都比较需要这个FLEX下的CSS使用方法的详细说明(好像我这份还不够详细,望大家补充)
关于flex 的样式css。。。可以自定义控件样式。。css源码。
flex自定义创建css样式,很有用的资源··
一个flash文件 可以对flex控件进行css可视化设计 非常的好用
flex css 模版经典,免除你设计css的烦恼!
网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一...
D:\GXSKY\Flex\SDK\Flex+Css完全手册D:\GXSKY\Flex\SDK\Flex+Css完全手册D:\GXSKY\Flex\SDK\Flex+Css完全手册D:\GXSKY\Flex\SDK\Flex+Css完全手册D:\GXSKY\Flex\SDK\Flex+Css完全手册D:\GXSKY\Flex\SDK\Flex+Css完全...
使用CSS美化Flex,包括动态加载和直接引用的方法.
flex动态加载css实例flex动态加载css实例flex动态加载css实例
用于模仿HTML的CSS样式表中的背景重复显示功能
Flex3 css样式代码自动生成 Flex3StyleExplorer