Flex样式的添加和卸载

开发 后端
你对Flex样式的概念是否了解,Flex样式添加的方法有很多种,效率最高的就是直接用<mx:Stylesource="demo.css"/>这样了。

本文向大家简单介绍一下Flex样式的概念,主要包括Flex样式的添加和卸载,我们可以用Flex包里提供的StyleManager这个类来加载和卸载Flex样式。

Flex样式

Flex样式添加的方法有很多种

1:效率***的就是直接用<mx:Stylesource="demo.css"/>这样了

2:我们不引用css也可以在mxml文件中直接写内部样式例如:
 

3:还可以用Flex包里提供的StyleManager这个类来加载和卸载Flex样式

这样加载和卸载的Flex样式是将样式编译后的swf文件,在eclipse中选中样式文件鼠标右键选择CompileCSStoSWF选择了它后这项前面会打上对勾,下来编译的时候就会把css文件编译成swf文件了
这个类的StyleManager.loadStyleDeclarations('demo/css/css.swf');
这个方法加载Flex样式

还可以运用StyleManager.unloadStyleDeclarations('demo/css/css.swf');
这个方法来卸载Flex样式

这样我们就可以在自己的程序里面实现换肤了,很好玩吧。

4:我们可以通过标签的属性来添加Flex样式

运用标签的styleName这个属性来添加css文件里的样式,例如css里面有个样式名称是color,我们就可以这样<mx:TextInputstyleName='color'/>这样就OK了
上面添加的是css里面的设计好的样式,也可以在标签里面直接添加样式,例如:<mx:TextInputcolor="#000000"/>

5:其实在Flex中mxml文件和as文件之间的关系就像jsp文件和Servlet一样,mxml里的每一个标签都可以在as文件中直接new出来,所以我们还可以在as文件中通过另一种方法添加样式,例如:
 

  1. vartext:TextInput=newTextInput();  
  2. text.setStyle("color","#000000"); 

但是在有的时候控件的状态改变的时候我们也想让他换个别的样式我们可以将这个样式clear掉,例如:text.clearStyle("color");

 

  1.  <mx:Style> 
  2. //这个是标签样式  
  3. TextInput{  
  4. color:#000000;  
  5. }  
  6. //这个是类样式就是可以通过标签的styleName属性来添加  
  7. .text{  
  8. color:#000000;  
  9. }  
  10. </mx:Style> 

【编辑推荐】

  1. Flex客户端工程路径规划指导
  2. Flex开发者必须知道的10件事
  3. 技术前沿 看Flex客户端缓存技术如何使用
  4. 12个Flex常用功能代码再现
  5. 学习笔记 Flex国际化如何支持其他语言

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-13 10:01:46

Flex样式定义

2010-08-13 09:47:58

Flex样式定义

2010-08-13 09:38:09

Flex样式定义

2010-08-13 09:30:37

Flex样式

2010-08-03 09:27:29

设置Flex样式

2010-08-03 09:54:20

Flex鼠标样式设置

2010-08-09 15:19:29

Flex滚动条

2010-08-11 14:47:54

Flex样式

2010-07-27 14:44:23

Flex Array

2010-08-10 11:08:32

Flex外部样式表

2010-08-13 08:57:20

Flex主题

2010-08-13 09:54:23

Flex字体

2010-08-06 14:28:55

Flex CSS样式

2010-07-29 13:27:13

Flex右键菜单

2010-07-29 17:00:36

Flex饼图

2010-08-06 14:36:39

CSS样式Flex

2010-08-11 16:03:02

Flex DataGr

2010-07-30 14:09:30

FlexFlash

2010-07-28 16:05:47

ExtjsFlex

2010-07-27 13:05:12

Flex
点赞
收藏

51CTO技术栈公众号