千家信息网

常见Flex样式定义类型有哪些

发表于:2024-10-20 作者:千家信息网编辑
千家信息网最后更新 2024年10月20日,这篇文章给大家分享的是有关常见Flex样式定义类型有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Flex样式定义类型1.外部Flex样式表Flex会调用全局Flex样
千家信息网最后更新 2024年10月20日常见Flex样式定义类型有哪些

这篇文章给大家分享的是有关常见Flex样式定义类型有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

Flex样式定义类型

1.外部Flex样式表

Flex会调用全局Flex样式表global.css,该全局Flex样式表由flex-config.xml定义,如:

/WEB-INF/flex/global.css

系统默认的Flex样式表文件global.css文件其实没有任何Flex样式定义,我们可以手动添加全局Flex样式,也可以更改默认的全局Flex样式文件路径。如,把全局Flex样式文件该为:

/css/styles.css

在这里顺便提一点,定义外部css文件的时候,颜色Flex样式有四种定义方式:

1:.myclass{fillColor:#6666CC}//16进制颜色格式

2:.myclass{borderColor:rgb(77%,22%,0%)}//RGB颜色格式

3:.myclass{errorColor:rgb(0,255,0)}//10进制RGB颜色格式

4:.myclass{color:Blue}//VGA颜色名称格式

2.本地Flex样式定义

使用来定义当前文件的Flex样式
下面的例子定义了myFontStyle子类Flex样式,要使用对应的Flex样式可以在组件中使用styleName属性来应用Flex样式。

1.  2..myFontStyle{fontSize:15}   3.  4.

下面的Flex样式则定义了所有Button组件的Flex样式,使用该方式定义的Flex样式在使用的时候不需要指定Flex样式名。

1.  2.Button{fontSize:15}   3.  4.

3.内嵌Flex样式定义

对个别需要特殊处理的组件,可以使用下面的方式进行内嵌Flex样式定义

4.使用脚本Flex样式定义

这种方法使用了Flash传统的AS脚本方式来定义Flex样式,具有更强大的灵活性,并且可以使用StyleManager类以及getStyle()和setStyle()方法,如下所示:

1.  2.  10.

如果三种Flex样式定义方式同时使用的话,优先级别从高到低依次为:内嵌式Flex样式>本地Flex样式定义(脚本Flex样式定义)>外部Flex样式定义。

感谢各位的阅读!关于"常见Flex样式定义类型有哪些"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

0