Php文档 Php问答行业资讯 Php论坛 Php手册 Php博客

游戏榜单

软件榜单

关闭导航

热搜榜

热门下载

热门标签

关闭搜索

php爱好者> php文档>Flex中设定样式

Flex中设定样式

时间：2010-03-02 来源：baiyejianxin

概要：Flex中设定样式的格式有4种；

Flex中设置样式的方法有3种。

Flex中设定样式的格式大致分为了4种： 1、使用样式表 Flex中可以使用CSS样式表，其语法结构为

selector(property1:value;property2:value;...)

*selector:表示选择符；

*property：表示属性名；

*value：表示属性值。

例如：

.testStyle{fontSize:13;color:#CCCCCC}

2,使用标签定义样式

Flex中可以使用<mx:Style>标签来定义样式表，代码结构如下

<mx:Style>

选择符(或者样式名){

属性1:属性值;

属性2:属性值;

...

}

</mx:Style>

例如：

<mx:Style>

Button,TextInput,Label{

fontSize:13;

color:#CCCCCC;

}

.style1{

fontSize:15;

color:#9933FF;

}

</mx:Style>

说明：可以编写相同的属性供多个组件使用，并以“,”隔开；

.style1可以利用组件中的styleName属性指定；

可以同时包含组件名和样式名。

3.定义应用样式

Application标记是Flex的跟标记，在Flex中可以使用Application作为选择符，定义容器以及自容器的样式。

例如：

<?xml version="1.0"?>

<mx:Application

xmlns:ns="http://www.adobe.com/2006/mxml">

<mx:Style>

Application{

fontSize:12;

color:#999999;

}

</mx:Style>

</mx:Application>

4,定义全局样式

Flex中可以使用global定义的全局的样式。

例如：

<mx:Style>

global{

fontSize:13;

color:#999999;

}

</mx:Style>

另外也可以使用getStyleDeclaration()方法定义全局样式，将样式声明为global

例如：

<?xml version="1.0"?>

<mx:Application xmlns:ms="http://www.adobe.com/2006/mxml" creationComplete="initApp()">

<mx:Script>

<![CDATA[

private function initApp():void{

StyleManager.getStyleDeclaration("global")

.setStyle("fontSize":12);

StyleManager.getStyleDeclaration("global")

.setStyle("color":"white");

}

]]>

</mx:Script>

<mx:Button label="sss"/>

</mx:Application>

Flex中设置样式的方法有3种:使用内嵌的属性设置样式；利用<mx:Style>定义本地样式；使用外部样式表。

1，使用内嵌的属性

就是使用组件自带的属性，例如

<mx:Button label="sss" fontSize="13" color="#999999"/>

fontSize和color为组件内嵌的属性。

2，使用本地样式

使用本地样式是指在MXML中定义的样式。例如：

<?xml version="1.0"?>
<mx:Application xmlns:ms="http://www.adobe.com/2006/mxml" >

<mx:Style>

TextInput{

fontSize:13;

color:red;

}

Button{

fontSize:12;

fontWeight:bold;

}

</mx:Style>
</mx:Application>

3，使用外部样式表

可以将样式定义在.css文件中，然后通过下面代码调用

<mx:Style source="x.css"/>

另外css文件可以编译成swf在运行的时候动态的加载，减少打开网页的时间。

将css文件编译成swf的命令格式

mxmlc 路径/样式表名名称.css

使用StyleManager.loadStyleDeclarations()方法载入swf格式的样式表

如：

StyleManager.loadStyleDeclarations("路径/样式表名名称.swf");