Flex4的css文件中有3种常见的style声明类型:
如下实例代码:
@namespace "library://ns.adobe.com/flex/mx";
@namespace namespaceName "com.window.*";
ComponentClassName {
}
namespaceName |ComponentClassName{
}
.styleName {
}
在as、mxml代码中有4 种方法获取style声明或设置组建style:
1. FlexGlobals.topLevelApplication.styleManager.getStyleDeclaration("com.window.ComponentClassName");
2. FlexGlobals.topLevelApplication.styleManager.getStyleDeclaration(".styleName ");
3. FlexGlobals.topLevelApplication.styleManager.getStyleDeclaration("ComponentClassName");
4. This. StyleName = styleName
注意在Flex4中,当调用FlexGlobals.topLevelApplication.styleManager.getStyleDeclaration时,如果调用的类不在自定义style声明中,必须指定全局包名,而不是单个class名。
示例代码如下:
<?xml version="1.0"?>
<!-- migration/StyleManagerExample.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark"
creationComplete="initApp()">
<fx:Script>
<![CDATA[
public function initApp():void {
/* New method of accessing the StyleManager. */
styleManager.getStyleDeclaration("spark.components.Button").setStyle("fontSize",15);
/* Old method; no longer works. */
StyleManager.getStyleDeclaration("Button").setStyle(setStyle("fontSize",15);
}
]]>
</fx:Script>
<s:Button id="myButton" label="Click Me"/>
</s:Application>
分享到:
相关推荐
flex,css帮助 Flex_Css完全手册。。。。。。。flex,css帮助 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完全手册D:\GXSKY\Flex\SDK\Flex+Css完全...
这个就相当于flex的CSS2.0帮助文档 详细的告诉你flex中每个样式的使用方法
关于flex 的样式css。。。可以自定义控件样式。。css源码。
Flex3 css样式代码自动生成 Flex3StyleExplorer
Flex_Css完全手册.pdf
关于flex和CSS以及Skin的用法,有现 成的例子只要导入就可以直接运行看到效果!
Flex3.0 使用CSS美化界面 很简单的事例,高手就不用看了,献丑
在FLEX中使用样式方法 2 一 .使用本地样式定义 2 二、使用外部样式表 3 三、使用内联样式 4 四、使用setStyle()方法 4 五、脚本方法 4 Application组件样式属性 5 panel组件样式属性 5 color文本颜色 6 TabNavigator...
这个是css3 flex的使用示例集合,详细的介绍请查看博客:http://blog.csdn.net/u011113654/article/details/50947021
Flex中的CSS样式 详尽的讲解
Flex动态CSS,设定整个application的CSS样式
flex css 模版经典,免除你设计css的烦恼!
flex css 设计器,flex css 设计器,flex css 设计器flex css 设计器,flex css 设计器,flex css 设计器flex css 设计器,flex css 设计器,flex css 设计器flex css 设计器,flex css 设计器,flex css 设计器
一个flash文件 可以对flex控件进行css可视化设计 非常的好用
flex的css样式设置,介绍有关flex的各类css样式设置,比如application,panel,hbox等
WindowsClassic flex 皮肤 css 使用很方便,直接拷贝黏贴,style调用即可。
flex 动态加载css文件方法总结,增加flex的界面美化效果。简单易懂,易操作。
flex css Aeon flex css Aeon
可视化编辑样式,Flex 3 CSS style 设计器Flex 3 CSS style 设计器