本文和大家重點(diǎn)學(xué)習(xí)一下Flex3中應(yīng)用CSS完全詳解手冊(cè)，主要介紹一下在Flex中使用樣式方法，這里從五個(gè)方面向大家介紹，相信通過(guò)本文的介紹你對(duì)在Flex中使用樣式方法有明確的認(rèn)識(shí)。

Flex3中應(yīng)用CSS完全詳解手冊(cè)

編輯完這個(gè)Flex下的CSS說(shuō)明后，我基本已經(jīng)兵臨崩潰邊緣了。這些天在AIRIA下了不少好東西，今天終于有空，也發(fā)一個(gè)比較不錯(cuò)的東西給大家，相信都比較需要這個(gè)Flex下的CSS使用方法的詳細(xì)說(shuō)明（好像我這份還不夠詳細(xì)，望大家補(bǔ)充）。

AIRIA真的是一個(gè)不錯(cuò)的網(wǎng)站，很高興在這里認(rèn)識(shí)大家。

在Flex中使用樣式方法

一、使用本地樣式定義

使用<mx:Style>標(biāo)簽在MXML文件中創(chuàng)建本地的樣式定義。這個(gè)標(biāo)簽包含了符合CSS2.0語(yǔ)法的樣式表定義。

這些定義會(huì)應(yīng)用到當(dāng)前文檔以及當(dāng)前文檔的子文檔。

<mx:style> 
 
.solidBorder{//類選擇樣式  
 
border-style:solid;  
 
}  
 
button{//組件定義樣式  
 
border-style:solid;  
 
}  
 
....  
 
</mx:style> 
 
//應(yīng)用到組件  
 
<mx:VBoxstyleNamemx:VBoxstyleName="solidBorder"/> 
 
<mx:button/>//文檔中的button自動(dòng)應(yīng)用樣式表中的樣式  
 

 二、使用外部樣式表

Flex支持外部CSS樣式表。要應(yīng)用一個(gè)樣式表到當(dāng)前文檔和子文檔，使用<mx:Style>標(biāo)簽中的source屬性。

<mx:Application...> 
 
<mx:Stylesourcemx:Stylesource="style/style.css"/>//載入外部樣式表  
 
...  
 
</mx:Application> 

style.css文件中的樣式表定義與本地樣式定義相同。

三、使用內(nèi)聯(lián)樣式

可以像設(shè)定組件的屬性一樣在MXML標(biāo)簽中設(shè)定樣式屬性。Flex內(nèi)聯(lián)樣式的優(yōu)先級(jí)高于本地樣式和外部樣式。

<mx:buttonborderStyle="solid">//設(shè)定樣式屬性

四、使用setStyle()方法

Flex可以在ActionScript中使用方法來(lái)操作組件的樣式屬性。使用setStyle()方法的優(yōu)先級(jí)是最高的。

<mx:Application...> 
 
<mx:Script> 
 
<![CDATA[privatefunctiominitButton():void{myButton.setStyle("paddingTop",12);myButton.setStyle("paddingBottom",12);}]]> 
 
</mx:Script> 
 
<mx:Buttonidmx:Buttonid="myButton"initialize="initButton();">//組件初始化時(shí)調(diào)用設(shè)定樣式的  
 

 五、腳本方法

</mx:Application>各組件對(duì)應(yīng)的樣式屬性

themeColor主題顏色：如果對(duì)色彩樣式配置不想過(guò)多的去設(shè)置的話，themeColor是一個(gè)選擇。它可以讓你選擇一種基本色彩，然后組件的邊框，外觀等色彩將會(huì)以此色彩為基礎(chǔ)構(gòu)成一組缺省的樣式，組件均可使用此樣式屬性。
 

【編輯推薦】

1. 解析Flex4的十大變化
2. Flex3到Flex4的轉(zhuǎn)變新特性值得關(guān)注
3. 解析對(duì)AdobeFlex的十大誤解
4. FlexBuilder3.0與Eclipse3.4的完美結(jié)合
5. 學(xué)習(xí)Flex時(shí)必須要知道的10件事情