Flex所支持的样式比Flash要丰富,样式定义的方法也很多。这也是Flex比Flash要强大、适合网页开发的地方之一。
样式定义类型 1. 外部样式表
Flex会调用全局样式表global.css,该全局样式表由flex-config.xml定义,如:
系统默认的样式表文件global.css文件其实没有任何样式定义,我们可以手动添加全局样式,也可以更改默认的全局样式文件路径。如,把全局样式文件该为:
在这里顺便提一点,定义外部css文件的时候,颜色样式有四种定义方式: 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.本地样式定义 使用<mx:Style>来定义当前文件的样式 下面的例子定义了myFontStyle子类样式,要使用对应的样式可以在组件中使用styleName属性来应用样式。
下面的样式则定义了所有Button组件的样式,使用该方式定义的样式在使用的时候不需要指定样式名。
3. 内嵌样式定义 对个别需要特殊处理的组件,可以使用下面的方式进行内嵌样式定义
4. 使用脚本样式定义 这种方法使用了Flash传统的AS脚本方式来定义样式,具有更强大的灵活性,并且可以使用StyleManager类以及getStyle() 和 setStyle() 方法,如下所示:
如果三种样式定义方式同时使用的话,优先级别从高到低依次为: 内嵌式样式>本地样式定义(脚本样式定义)>外部样式定义 特殊样式定义 在进行样式定义的时候,我们需要注意几种Flex特殊的样式定义 1. 全局样式定义 对所有未被定义的控制组件应用global样式
2. 应用程序样式定义 Application标记是Flex的根标记,Application样式用来定义未被定义的容器以及子容器的样式
关于字体的样式定义 1. 使用设备字体
2. 使用移植字体
在定义了该字体样式后,就可以通过fontFamily来应用该字体样式,如:
|
|