本文向大家简单介绍一下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文件中通过另一种方法添加样式,例如:
- vartext:TextInput=newTextInput();
- text.setStyle("color","#000000");
但是在有的时候控件的状态改变的时候我们也想让他换个别的样式我们可以将这个样式clear掉,例如:text.clearStyle("color");
- <mx:Style>
- //这个是标签样式
- TextInput{
- color:#000000;
- }
- //这个是类样式就是可以通过标签的styleName属性来添加
- .text{
- color:#000000;
- }
- </mx:Style>
【编辑推荐】