編輯完這個FLEX下的CSS說明后，我基本已經兵臨崩潰邊緣了。在些天在AIRIA下了不少好東西，今天終于有空，也發一個比較不錯的東西給大家，相信都比較需要這個FLEX下的CSS使用方法的詳細說明（好像我這份還不夠詳細，望大家補充）。

AIRIA真的是一個不錯的網站，很高興在這里認識大家。


在FLEX中使用樣式方法



一、使用本地樣式定義

使用<mx:Style>標簽在MXML文件中創建本地的樣式定義。這個標簽包含了符合CSS2.0語法的樣式表定

義。這些定義會應用到當前文檔以及當前文檔的子文檔。

<mx:style>

.solidBorder{//類選擇樣式

border-style:solid;

}

button{//組件定義樣式

border-style:solid;

}

....

</mx:style>

//應用到組件

<mx:VBoxstyleName="solidBorder"/>

<mx:button/>//文檔中的button自動應用樣式表中的樣式

二、使用外部樣式表

FLEX支持外部CSS樣式表。要應用一個樣式表到當前文檔和子文檔，使用<mx:Style>標簽中的source

屬性。

<mx:Application...>

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

...

</mx:Application>

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

三、使用內聯樣式

可以像設定組件的屬性一樣在MXML標簽中設定樣式屬性。內聯樣式的優先級高于本地樣式和外部樣式

。

<mx:buttonborderStyle="solid">//設定樣式屬性

四、使用setStyle()方法

可以在ActionScript中使用方法來操作組件的樣式屬性。使用setStyle()方法的優先級是最高的。

<mx:Application...>

<mx:Script>

<![CDATA[privatefunctiominitButton():void{myButton.setStyle("paddingTop",12);myButton.setStyle("paddingBottom",12);}]]>

</mx:Script>

<mx:Buttonid="myButton"initialize="initButton();">//組件初始化時調用設定樣式的

五、腳本方法

</mx:Application>各組件對應的樣式屬性

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



Application組件樣式屬性

backgroundImage背景圖使用Embed(source="");來應用

backgroundColor背景色

backgroundGradientColors背景漸進色這個屬性要設置2個色彩，漸進起始色和

漸進結束色，中間以逗號分隔

backgroundGradientAlphas背景漸進色透明度這個屬性要設置2個透明度，對應漸進色

中的2種顏色值的范圍是0.00~1.00，中間以逗號分隔

panel組件樣式屬性

cornerRadius邊角度數panel外框邊角度數數值從0~280時為直角，數值越大，圓角弧度越大

headerHeight標題頭高度panel標題頭的高度數值從0~50

dropShadowEnabled是否顯示投影true和false2個屬性

shadowDistance投影大小dropShadowEnabled為true時有效數

值從0~20

shadowDirection投影方向3個屬性leftrightcenter

dropShadowColor投影的顏色

roundedBottomCorners底部邊角是否為圓角true和false2個屬性若為false，則底部邊角為直角，cornerRadius對其無影響；若為true，cornerRadius對底部邊角才會起作用

textAlign文字對齊方向3個屬性leftrightcenter

backgroundColor背景色除title外有內容的部分背景色

backgroundAlpha背景透明度除title外有內容的部分背景透明度數值從0.00~1.00

borderColor邊框色包括外邊框和title與主體內容之間的邊框色

borderAlpha邊框透明度包括外邊框和title與主體內容之間的邊框透明度數值從0.00~1.00

borderStyle邊框樣式undefined，none，solid3種樣式：默認為undefined。當取值為none或
solid時，title與主體內容之間將無邊框間隔或是solid樣式。

borderThickness邊框厚度邊框樣式為solid時的邊框粗細程度，數值從0~20

headerColors標題頭背景漸變色這個屬性要設置2個色彩，漸進起始色和漸進結束色，中間以逗號分隔

footerColors底部背景漸變色這個屬性要設置2個色彩，漸進起始色和漸進結束色，中間以逗號分隔

highlightAlphas高光透明度只針對headerColors有效。有2個數值，中間以逗號分隔前一個為高光亮度，從0.00~1.00，為1時最亮，為白色后一個為高光透明度，從0.00~1.00，為1時最透明(可通過設置制作出水晶半透明效果)

color文本顏色

若想設置panel中title中的字體，外觀，背景等樣式，為了不與panel中樣式相沖突，需在樣式
表中定義一個引用的樣式。

panel{

...

titleStyleName:"myTitleStyle";

...

}

然后新定義一個myTitleStyle樣式來設置title的樣式。

TabNavigator組件樣式屬性

tabHeight每個Tab的高度數值從0~50

tabWidth每個Tab的寬度數值從0~200

cornerRadius邊角圓角度每個Tab中主體內容的邊角圓角度從0~20注意不是Tab的邊角

horizontalGap每個Tab之間的間隔寬度數值從-10~20當為負數時，Tab將會出現重疊

horizontalAlignTab的對齊方向leftcenterright

paddingLeft左填充距離整個一組Tab的左填充距離，數值從0~20.不是指每個Tab的填充距離

paddingRight右填充距離整個一組Tab的右填充距離，數值從0~20.不是指每個Tab的填充距離

textAlign文本對齊方向每個Tab中主體內容中的文本對齊方向leftcenterright

textIndentTab標題偏移度每個Tab中標題相對于居中位置的偏移程度數值從0~20

backgroundColor背景色Tab和Tab中主體內容都會應用此背景色

backgroundAlpha背景色透明度只針對Tab中主體內容的背景色有效數值從0.00~1.00

borderStyle邊框樣式Tab中主體內容的邊框樣式

nonesolidinsetoutset四種樣式

borderColor邊框顏色Tab中主體內容的邊框顏色

borderThickness邊框粗細borderStyle為solid時有效數值從0~20

dropShadowEnabled是否顯示投影true和false2個屬性

shadowDistance投影大小dropShadowEnabled為true時有效數值從0~20

dropShadowColor投影的顏色

color主體內容的文本顏色

若想設置TabNavigator中tab中的樣式，為了不與TabNavigator中樣式相沖突，需在樣式表中定義

一個引用的樣式。

TabNavigator{

...

tabStyleName:"myTabs";

...

}

然后新定義一個myTabs樣式來設置tab的樣式。

myTabs中的設置

cornerRadiusTab邊角圓角度每個Tab的邊角圓角度從0~20注意不是Tab主體內容的邊角

fillColorsTab填充漸變色未選中的Tab的填充漸變色這個屬性要設置2個色彩，漸變起始色和漸變結束色，中間以逗號分隔

fillAlphasTab填充色透明度未選中的Tab的填充色透明度這個屬性要設置2個值，漸變起始色透明度和漸變結束色透明度，中間以逗號分隔，數值從0.00~1.00

backgroundColorTab背景色選中的Tab會應用上背景色

backgroundAlphaTab背景色透明度數值從0.00~1.00

borderColorTab邊框顏色

textRollOverColor鼠標經過Tab時的Tab文字顏色

Accordion組件樣式屬性

headerHeight標簽頭高度Accordion組件中每個標簽頭的高度

dropShadowEnabled是否顯示投影true和false2個屬性

shadowDistance投影的大小從0~20

shadowDirection投影方向leftrightcenter

dropShadowColor投影的顏色

borderStyle邊框的樣式nonesolid

borderThickness邊框的粗細從0~20

backgroundColor背景色整個Accordion組件包括標簽頭和主體內容都會應用上背景色

fillColors未選中的標簽頭填充色這個屬性要設置4個色彩值：漸變起始色，漸變結束色，鼠標經過時漸變起始色，鼠標經過時漸變結束色

fillAlphas未選中的標簽頭填充色透明度對應于fillColors設置4個透明度數值從0.00~1.00

selectedFillColors選中的標簽頭填充色這個屬性要設置2個色彩值：漸變起始色，漸變結束色

color標簽頭文字的顏色

textRollOverColor鼠標經過標簽頭時的文字顏色

textSelectedColor鼠標點擊標簽頭時的文字顏色

textIndent標簽頭文字縮進距離的大小數值從0~100

openDuration打開新標簽的速度數值從0~1000

LinkBar組件樣式屬性

horizontalGap水平方向各鏈接之間的間隔數值從0~20

separatorWidth間隔線的粗細各鏈接之間間隔線的粗細數值從0~20

separatorColor間隔線的顏色

borderStyleLinkBar的邊框樣式nonesolid

borderColor邊框顏色

borderThickness邊框粗細程度數值從0~20

cornerRadius邊框圓角度數值從0~20

dropShadowEnabled是否顯示邊框投影true和false

shadowDistance投影大小數值從0~20

shadowDirection投影方向leftcenterright

dropShadowColor投影顏色

backgroundColor背景色

backgroundAlpha背景色透明度數值從0.00~1.00

color鏈接文字顏色

disabledColor選中的鏈接文字顏色

rollOverColor鼠標經過未選中的鏈接時的背景色

textRollOverColor鼠標經過未選中的鏈接時的文字色

selectionColor鼠標點擊未選中的鏈接時的背景色

textSelectedColor鼠標點擊未選中的鏈接時的文字色

ApplicationControlBar組件樣式屬性

cornerRadius邊框圓角度數值從0~20

dropShadowEnabled是否顯示邊框投影true和false

shadowDistance投影大小數值從0~20

dropShadowColor投影顏色

borderStyle邊框樣式defaultnonesolid

borderColor邊框顏色

borderThickness邊框粗細數值從0~20

backgroundColor背景顏色

fillColors填充漸變色這個屬性要設置2個色彩，漸變起始色和漸變結束色，中間以逗號分隔

fillAlphas填充色透明度這個屬性要設置2個透明度漸變起始色透明度和漸變結束色透明度

highlightAlphas高光透明度2個數值，中間以逗號分隔前一個為高光亮度，從0.00~1.00，為1時最亮，為白色后一個為高光透明度，從0.00~1.00，為1時最透明(可通過設置制作出水晶半透明效果)

backgroundColor背景色

List組件樣式屬性

backgroundColor背景色

backgroundAlpha背景色透明度數值從0.00~1.00

useRollOver是否使用鼠標經過List每一項時產生效果truefalse

rollOverColor鼠標經過每一項時的背景色useRollOver為true時有效

textRollOverColor鼠標經過每一項時的文字顏色useRollOver為true時有效

alternatingItemColorsList中間隔背景色這個屬性要設置2個色彩，某一項的背景色和下一項的背景色color選項文本顏色

selectionColor被選中項的背景色

textSelectedColor被選中項的文字顏色

textIndent選項文本縮進距離

selectionDuration被選中項漸變速度被選中項背景色變為

selectionColor中的值的速度，設置可實現漸變效果數值從0~5000值越大，漸變速度越慢