在FLEX中有很多方法來使用樣式:
一 使用本地樣式定義
使用<mx:Style>标簽在MXML檔案中建立本地的樣式定義。這個标簽包含了符合CSS2.0文法的樣式表定
義。這些定義會應用到目前文檔以及目前文檔的子文檔。
<mx:style>
.solidBorder{ //類選擇樣式
border-style:solid;
}
button { // 元件定義樣式
border-style:solid;
}
....
</mx:style>
//應用到元件
<mx:VBox styleName="solidBorder" />
<mx:button/> //文檔中的button自動應用樣式表中的樣式
二 使用外部樣式表
FLEX支援外部CSS樣式表。要應用一個樣式表到目前文檔和子文檔,使用<mx:Style>标簽中的source
屬性。
<mx:Application ...>
<mx:Style source="style/style.css"/> //載入外部樣式表
...
</mx:Application>
style.css檔案中的樣式表定義與本地樣式定義相同。
三 使用内聯樣式
可以像設定元件的屬性一樣在MXML标簽中設定樣式屬性。内聯樣式的優先級高于本地樣式和外部樣式
。
<mx:button borderStyle="solid"> //設定樣式屬性
四 使用setStyle()方法
可以在ActionScript中使用方法來操作元件的樣式屬性。使用setStyle()方法的優先級是最高的。
<mx:Application ...>
<mx:Script>
<![CDATA[
private functiom initButton():void {
myButton.setStyle("paddingTop",12);
myButton.setStyle("paddingBottom",12);
}
]]>
</mx:Script>
<mx:Button id="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~28 0時
為直角,數值越大,圓角弧度越大
headerHeight 标題頭高度 panel标題頭的高度 數值從0~50
dropShadowEnabled 是否顯示投影 true和false 2個屬性
shadowDistance 投影大小 dropShadowEnabled為true時有效 數
值從0~20
shadowDirection 投影方向 3個屬性 left right center
dropShadowColor 投影的顔色
roundedBottomCorners 底部邊角是否為圓角 true和false 2個屬性 若為false,則
底部邊角為直角,cornerRadius對其無
影響;若為true,cornerRadius對底部邊角才會起作用
textAlign 文字對齊方向 3個屬性 left right center
backgroundColor 背景色 除title外有内容的部分背景色
backgroundAlpha 背景透明度 除title外有内容的部分背景透明度
數值從0.00~1.00
borderColor 邊框色 包括外邊框和title與主體内容之間的
邊框色
borderAlpha 邊框透明度 包括外邊框和title與主體内容之間的
邊框透明度 數值從0.00~1.00
borderStyle 邊框樣式 undefined,none,solid 3種樣式:
預設為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将會出現重疊
horizontalAlign Tab的對齊方向 left center right
paddingLeft 左填充距離 整個一組Tab的左填充距離,數
值從0~20.不是指每個Tab的填充距離
paddingRight 右填充距離 整個一組Tab的右填充距離,數
值從0~20.不是指每個Tab的填充距離
textAlign 文本對齊方向 每個Tab中主體内容中的文本對
齊方向 left center right
textIndent Tab标題偏移度 每個Tab中标題相對于居中位置
的偏移程度 數值從0~20
backgroundColor 背景色 Tab和Tab中主體内容都會應用此
背景色
backgroundAlpha 背景色透明度 隻針對Tab中主體内容的背景色
有效 數值從0.00~1.00
borderStyle 邊框樣式 Tab中主體内容的邊框樣式
none solid inset outset四種樣式
borderColor 邊框顔色 Tab中主體内容的邊框顔色
borderThickness 邊框粗細 borderStyle為solid時有效 數
值從0~20
dropShadowEnabled 是否顯示投影 true和false 2個屬性
shadowDistance 投影大小 dropShadowEnabled為true時有
效 數值從0~20
dropShadowColor 投影的顔色
color 主體内容的文本顔色
若想設定TabNavigator中tab中的樣式,為了不與TabNavigator中樣式相沖突,需在樣式表中定義
一個引用的樣式。
TabNavigator {
...
tabStyleName:"myTabs";
...
}
然後新定義一個myTabs樣式來設定tab的樣式。
myTabs中的設定
cornerRadius Tab邊角圓角度 每個Tab的邊角圓角度 從0~20
注意不是Tab主體内容的邊角
fillColors Tab填充漸變色 未選中的Tab的填充漸變色
這個屬性要設定2個色彩,漸變
起始色和漸變結束色,中間以逗号分隔
fillAlphas Tab填充色透明度 未選中的Tab的填充色透明度
這個屬性要設定2個值,漸變起
始色透明度和漸變結束色透明度,中間
以逗号分隔,數值從0.00~1.00
backgroundColor Tab背景色 選中的Tab會應用上背景色
backgroundAlpha Tab背景色透明度 數值從0.00~1.00
borderColor Tab邊框顔色
textRollOverColor 滑鼠經過Tab時的Tab文字顔色
Accordion元件樣式屬性
headerHeight 标簽頭高度 Accordion元件中每個标簽頭
的高度
dropShadowEnabled 是否顯示投影 true和false 2個屬性
shadowDistance 投影的大小 從0~20
shadowDirection 投影方向 left right center
dropShadowColor 投影的顔色
borderStyle 邊框的樣式 none solid
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 間隔線的顔色
borderStyle LinkBar的邊框樣式 none solid
borderColor 邊框顔色
borderThickness 邊框粗細程度 數值從0~20
cornerRadius 邊框圓角度 數值從0~20
dropShadowEnabled 是否顯示邊框投影 true和false
shadowDistance 投影大小 數值從0~20
shadowDirection 投影方向 left center right
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 邊框樣式 default none solid
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每一項時産生效果 true false
rollOverColor 滑鼠經過每一項時的背景色 useRollOver為
true時有效
textRollOverColor 滑鼠經過每一項時的文字顔色 useRollOver為
true時有效
alternatingItemColors List中間隔背景色 這個屬性要設定2個色
彩,某一項的背景色和下一項的背景色
color 選項文本顔色
selectionColor 被選中項的背景色
textSelectedColor 被選中項的文字顔色
textIndent 選項文本縮進距離
selectionDuration 被選中項漸變速度 被選中項背景色變為
selectionColor中的值的速度,設定可實作漸變效果 數值從0~5000 值越大,漸變速度越慢
borderStyle 邊框樣式 none solid inset
outset
borderColor 邊框顔色
borderThickness 邊框粗細 數值從0~20
dropShadowEnabled 是否顯示投影 true和false 2個屬性
shadowDistance 投影大小 dropShadowEnabled為true時有效 數
值從0~20
shadowDirection 投影方向 3個屬性 left right center
dropShadowColor 投影的顔色
DataGrid元件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數值從0.00~1.00
alternatingItemColors 間隔背景顔色 間隔項的顔色 這個屬性要設定
2個色彩,某一項的背景色和下一項的背景色
headerColors 标題頭背景漸變顔色 這個屬性要設定2個色彩,标題
頭背景漸變起始色和标題頭背景漸變結束色
horizontalGridLines 是否顯示橫向分隔線 是否顯示每一行之間的橫向分
隔線 true false
horizontalGridLineColor 橫向分隔線顔色 horizontalGridLines為true時
有效
verticalGridLines 是否顯示垂直方向分隔線 是否顯示每一行之間的橫向分
隔線 true false 此屬性隻對内容中的分隔線有效,标題頭的分隔線是預設的
verticalGridLineColor 垂直方向分隔線顔色 verticalGridLineColor為
true時有效
useRollOver 是否實作滑鼠經過時的變化效果 true false
rollOverColor 滑鼠經過一行時的本行背景色 useRollOver為true時有
效
? textRollOverColor 滑鼠經過一行時的本行文字顔色 useRollOver為true時有
效(這個屬性好像無效?)
color 文字顔色
? textSelectedColor 被選中行的文字顔色 (這個屬性好像無效?)
selectionColor 被選中行的背景顔色
textIndent 每一行文字縮進距離 數值從0~30
Tree元件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數值從0.00~1.00
alternatingItemColors 間隔行的顔色 這個屬性設定2個色彩,
某一行的背景色和下一行的背景色
depthColors 樹級結構中每級的背景色 這個屬性可設定多個色
彩,中間以逗号分隔。對應從樹的頂級到最後一級每1級的背景色。設定此屬性會覆寫
alternatingItemColors中的設定
useRollOver 是否使用滑鼠經過每一行時的效果 true false
rollOverColor 滑鼠經過每一行時的背景色 useRollOver為true時有
效
textRollOverColor 滑鼠經過每一行時的文字顔色 useRollOver為true時有
效
borderThickness 邊框的粗細 數值從0~20
color 文本顔色
selectionColor 被選中行的背景色
textSelectedColor 被選中行的文本顔色
textIndent 文字縮進值 文字相對于圖示的縮進
值 從0~50
indentation 每一層級相對于上一層級的縮進值 從0~50
openDuration 打開和關閉本層内容的速度 從0~1000
selectionDuration 被選中層級的背景色漸變速度 從0~3000
TextInput元件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數值從0.00~1.00
color 文本顔色
borderStyle 邊框樣式 none solid inset
outset
borderColor 邊框顔色
borderThickness 邊框粗細 borderStyle為solid時
有效 數值從0~20
cornerRadius 邊框圓角度 borderStyle為solid時
有效 數值從0~20
textIndent 輸入框中内容縮進值 數值從0~20
dropShadowEnabled 是否顯示投影 true false
shadowDirection 投影方向 left center right
shadowDistance 投影大小 數值從0~20
dropShadowColor 投影顔色
NumericStepper元件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數值從0.00~1.00
borderStyle 邊框樣式 none solid inset
outset
fillColors 上翻和下拉鍵的漸變填充色 這個屬性要設定4個色彩
值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性 這
個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠經
過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明
dropShadowEnabled 是否顯示投影 true false
shadowDirection 投影方向 left center right
shadowDistance 投影大小 數值從0~20
dropShadowColor 投影顔色
ComboBox元件樣式屬性
color 所有選項中文本顔色
borderColor 邊框顔色
cornerRadius 邊框圓角度 數值從0~20
fillColors 被選擇項的漸變填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性 這
個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠經
過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
backgroundAlpha 下拉框的背景透明度 數值從0.00~1.00
alternatingItemColors 下拉框中選項的間隔背景色 這個屬性設定2個色彩
,某一行的背景色和下一行的背景色
useRollOver 下拉框中選項是否使用滑鼠經過時的效果 true false
rollOverColor 下拉框中選項滑鼠經過時的背景色 useRollOver為true
時有效
textRollOverColor 下拉框中選項滑鼠經過時的文本顔色 useRollOver為true
時有效
selectionColor 下拉框中點選某一行選項時的此選項背景色
textSelectedColor 下拉框中點選某一行選項時的此選項文本顔色
openDuration 打開下拉框的速度 數值從10~2000
closeDuration 關閉下拉框的速度 數值從10~2000
CheckBox元件樣式屬性(包含單選和多選)
borderColor 邊框顔色
color 文本顔色
textRollOverColor 滑鼠經過選擇框時的文本顔色
textSelectedColor 滑鼠點選選擇框時的文本顔色
fillColors 選擇框的背景填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性 這個
屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠經過
時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
HSlider(類似于溫度刻度計的元件 HSlider為橫向的)元件樣式屬性
labelOffset 刻度值文字與刻度計之間的距離 數值從-50~50 負數
時刻度值文字在刻度計下方 正數時在上
方
thumbOffset 刻度計中的遊标與标尺之間的距離 數值從-50~50 負數
時遊标在标尺下方 正數時在上方
? dataTipOffset
tickLength 刻度線的長度 數值從0~20
tickOffset 刻度線與标尺之間的距離 數值從-50~50
tickThickness 刻度線的粗細 數值從0~20
tickColor 刻度線的顔色
borderColor 邊框顔色
showTrackHighlight 顯示軌迹高光亮度 true false
? trackColors 拖動遊标時的軌迹顔色 這個屬性要設定2個
色彩值 已經過的軌迹顔色和未經過的軌迹顔色
fillColors 遊标填充漸變色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過遊标時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性 這
個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠經
過時漸變結束色透明度 數值從0.00~1.00
Button元件樣式屬性
cornerRadius 邊框圓角度 數值從0`28
textIndent Button标題文本縮進值 數值從0`20
paddingLeft Button内部左側填充值 數值從0`20
paddingRight Button内部右側填充值 數值從0`20
paddingTop Button内部上側填充值 數值從0`20
paddingBottom Button内部下側填充值 數值從0`20
fillColors Button背景填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
color 文字顔色
textRollOverColor 滑鼠經過時的文字顔色
textSelectedColor 滑鼠點選時的文字顔色
borderColor 邊框顔色
PopUpButton元件樣式屬性
cornerRadius 邊框圓角度 數值從0`28
arrowButtonWidth 下拉按鈕寬度 數值從0`50
popUpGap 點下拉按鈕出現的内容與PopUpButton之間的距離 數值從
-25`25
textIndent PopUpButton中文本内容的縮進值 數值從0`20
paddingLeft PopUpButton中左填充距離 數值從0`20
paddingRight PopUpButton中右填充距離 數值從0`20
paddingTop PopUpButton中上填充距離 數值從0`20
paddingBottom PopUpButton中下填充距離 數值從0`20
fillColors PopUpButton背景填充色 這個屬性要設定4個
色彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
color PopUpButton文本顔色
textRollOverColor 滑鼠經過PopUpButton時的文本顔色
textSelectedColor 滑鼠點選PopUpButton時的文本顔色
borderColor 邊框顔色
ButtonBar元件樣式屬性
buttonHeight ButtonBar的高度 數值從0`50
horizontalGap ButtonBar中每個Button在水準方向的間隔 數值從0`20
textIndent 每個Button中的文本縮進值 數值從0`20
color 每個Button中的文本顔色
textRollOverColor 滑鼠經過時每個Button中的文本顔色
textSelectedColor 滑鼠點選時每個Button中的文本顔色
ButtonBar中Button的一些屬性需要單獨來設定一個樣式
buttonStyleName:"myButtonBar";
.myButtonBar中設定如下:
cornerRadius 邊框圓角度 數值從0`28
fillColors PopUpButton背景填充色 這個屬性要設定4個
色彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
ScrollBar元件樣式屬性
分為VScrollBar和HScrollBar(橫向和縱向滾動條),屬性樣式要在2個中分别設定
cornerRadius 邊框圓角度 數值從0`16
borderColor 滾動條邊框顔色
fillColors 滾動條填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
trackColors 卷軸框中滾動條之外的地方的漸變色 這個屬性要設定2
個色彩值:漸變起始色,漸變結束色
DateChooser元件樣式屬性
cornerRadius 邊框圓角度 數值從0`28
borderThickness 邊框粗細 數值從0`15
headerColors 呈現年月的頭部背景色 這個屬性要設定2個色
彩值:漸變起始色,漸變結束色
fillColors 滾動條填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
todayColor 今日的背景顔色
rollOverColor 滑鼠經過日期時的背景顔色
selectionColor 所選擇日期的顔色
color 日期的文本顔色
borderColor 邊框顔色
backgroundColor 除頭部外的日期面闆背景色
backgroundAlpha 除頭部外的日期面闆背景透明度 值從0.00~1.00
dropShadowEnabled 是否顯示投影 true false
shadowDistance 投影大小 dropShadowEnabled為
true時有效 值從0~20
shadowDirection 投影方向 left right center
dropShadowColor 投影的顔色
MenuBar元件樣式屬性
cornerRadius 邊框圓角度 數值從0`30
backgroundColor 下拉的子菜單中背景顔色
borderColor 邊框顔色
fillColors 菜單填充背景色 這個屬性要設定2個色彩
值:漸變起始色,漸變結束色
fillAlphas 菜單填充背景色透明度 這個屬性要設定2個透明
度:漸變起始色透明度,漸變結束色透明度
highlightAlphas 滑鼠經過菜單時的高光亮度 2個數值,中間以逗号分
隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明度,從0.00~1.00,為1時
最透明
rollOverColor 下拉的子菜單中滑鼠經過每一項時的背景色
selectionColor 下拉的子菜單中滑鼠點選每一項時的背景色
color 菜單文字顔色
textRollOverColor 下拉的子菜單中滑鼠經過時的文字顔色
textSelectedColor 下拉的子菜單中滑鼠點選時的文字顔色
disabledColor 下拉的子菜單中被屏蔽項的背景色
HRule元件樣式屬性
strokeColor 劃線顔色
shadowColor 陰影顔色
strokeWidth 劃線與陰影之間的距離 數值從0`10
LinkButton元件樣式屬性
cornerRadius 邊框圓角度
rollOverColor 滑鼠經過時的背景色
selectionColor 滑鼠點選時的背景色
color 文字顔色
textRollOverColor 滑鼠經過時的文字顔色
textSelectedColor 滑鼠點選時的文字顔色
paddingLeft 左填充距離 數值從0`20
paddingRight 右填充距離 數值從0`20
ProgressBar元件樣式屬性
borderColor 邊框顔色
barColor 進度條中已經過的進度顔色
trackColors 進度條中未經過的進度漸變色 這個屬性要設定2個色
彩值:漸變起始色,漸變結束色
color 進度條進度文字顔色
paddingLeft 進度條左填充距離 數值從0`30
paddingRight 進度條右填充距離 數值從0`30
textIndent 進度文字相對于進度條的縮進值 數值從0`30
trackHeight 進度條高度 數值從0`30
verticalGap 進度文字與進度條之間的垂直間隔距離 數值從0`30
? Indeterminate 針對barColor的顔色為主色調而産生間隔色的進度條效果
文字樣式
fontFamily 字型
fontSize 文字大小
color 文字顔色
fontWeight 文字粗細 bold normal
fontStyle 文字斜體 italic normal
textDecoration 文字下劃線 underline none
textAlign 文本對齊方向 left center right
paddingLeft 文本所在容器的左填充距離 數值從0`30
paddingRight 文本所在容器的右填充距離 數值從0`30
textIndent 文本首行縮進值 數值從0`30
leading 文本行間距 數值從0`20
在FLEX中有很多方法來使用樣式:
一 使用本地樣式定義
使用<mx:Style>标簽在MXML檔案中建立本地的樣式定義。這個标簽包含了符合CSS2.0文法的樣式表定
義。這些定義會應用到目前文檔以及目前文檔的子文檔。
<mx:style>
.solidBorder{ //類選擇樣式
border-style:solid;
}
button { // 元件定義樣式
border-style:solid;
}
....
</mx:style>
//應用到元件
<mx:VBox styleName="solidBorder" />
<mx:button/> //文檔中的button自動應用樣式表中的樣式
二 使用外部樣式表
FLEX支援外部CSS樣式表。要應用一個樣式表到目前文檔和子文檔,使用<mx:Style>标簽中的source
屬性。
<mx:Application ...>
<mx:Style source="style/style.css"/> //載入外部樣式表
...
</mx:Application>
style.css檔案中的樣式表定義與本地樣式定義相同。
三 使用内聯樣式
可以像設定元件的屬性一樣在MXML标簽中設定樣式屬性。内聯樣式的優先級高于本地樣式和外部樣式
。
<mx:button borderStyle="solid"> //設定樣式屬性
四 使用setStyle()方法
可以在ActionScript中使用方法來操作元件的樣式屬性。使用setStyle()方法的優先級是最高的。
<mx:Application ...>
<mx:Script>
<![CDATA[
private functiom initButton():void {
myButton.setStyle("paddingTop",12);
myButton.setStyle("paddingBottom",12);
}
]]>
</mx:Script>
<mx:Button id="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~28 0時
為直角,數值越大,圓角弧度越大
headerHeight 标題頭高度 panel标題頭的高度 數值從0~50
dropShadowEnabled 是否顯示投影 true和false 2個屬性
shadowDistance 投影大小 dropShadowEnabled為true時有效 數
值從0~20
shadowDirection 投影方向 3個屬性 left right center
dropShadowColor 投影的顔色
roundedBottomCorners 底部邊角是否為圓角 true和false 2個屬性 若為false,則
底部邊角為直角,cornerRadius對其無
影響;若為true,cornerRadius對底部邊角才會起作用
textAlign 文字對齊方向 3個屬性 left right center
backgroundColor 背景色 除title外有内容的部分背景色
backgroundAlpha 背景透明度 除title外有内容的部分背景透明度
數值從0.00~1.00
borderColor 邊框色 包括外邊框和title與主體内容之間的
邊框色
borderAlpha 邊框透明度 包括外邊框和title與主體内容之間的
邊框透明度 數值從0.00~1.00
borderStyle 邊框樣式 undefined,none,solid 3種樣式:
預設為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将會出現重疊
horizontalAlign Tab的對齊方向 left center right
paddingLeft 左填充距離 整個一組Tab的左填充距離,數
值從0~20.不是指每個Tab的填充距離
paddingRight 右填充距離 整個一組Tab的右填充距離,數
值從0~20.不是指每個Tab的填充距離
textAlign 文本對齊方向 每個Tab中主體内容中的文本對
齊方向 left center right
textIndent Tab标題偏移度 每個Tab中标題相對于居中位置
的偏移程度 數值從0~20
backgroundColor 背景色 Tab和Tab中主體内容都會應用此
背景色
backgroundAlpha 背景色透明度 隻針對Tab中主體内容的背景色
有效 數值從0.00~1.00
borderStyle 邊框樣式 Tab中主體内容的邊框樣式
none solid inset outset四種樣式
borderColor 邊框顔色 Tab中主體内容的邊框顔色
borderThickness 邊框粗細 borderStyle為solid時有效 數
值從0~20
dropShadowEnabled 是否顯示投影 true和false 2個屬性
shadowDistance 投影大小 dropShadowEnabled為true時有
效 數值從0~20
dropShadowColor 投影的顔色
color 主體内容的文本顔色
若想設定TabNavigator中tab中的樣式,為了不與TabNavigator中樣式相沖突,需在樣式表中定義
一個引用的樣式。
TabNavigator {
...
tabStyleName:"myTabs";
...
}
然後新定義一個myTabs樣式來設定tab的樣式。
myTabs中的設定
cornerRadius Tab邊角圓角度 每個Tab的邊角圓角度 從0~20
注意不是Tab主體内容的邊角
fillColors Tab填充漸變色 未選中的Tab的填充漸變色
這個屬性要設定2個色彩,漸變
起始色和漸變結束色,中間以逗号分隔
fillAlphas Tab填充色透明度 未選中的Tab的填充色透明度
這個屬性要設定2個值,漸變起
始色透明度和漸變結束色透明度,中間
以逗号分隔,數值從0.00~1.00
backgroundColor Tab背景色 選中的Tab會應用上背景色
backgroundAlpha Tab背景色透明度 數值從0.00~1.00
borderColor Tab邊框顔色
textRollOverColor 滑鼠經過Tab時的Tab文字顔色
Accordion元件樣式屬性
headerHeight 标簽頭高度 Accordion元件中每個标簽頭
的高度
dropShadowEnabled 是否顯示投影 true和false 2個屬性
shadowDistance 投影的大小 從0~20
shadowDirection 投影方向 left right center
dropShadowColor 投影的顔色
borderStyle 邊框的樣式 none solid
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 間隔線的顔色
borderStyle LinkBar的邊框樣式 none solid
borderColor 邊框顔色
borderThickness 邊框粗細程度 數值從0~20
cornerRadius 邊框圓角度 數值從0~20
dropShadowEnabled 是否顯示邊框投影 true和false
shadowDistance 投影大小 數值從0~20
shadowDirection 投影方向 left center right
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 邊框樣式 default none solid
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每一項時産生效果 true false
rollOverColor 滑鼠經過每一項時的背景色 useRollOver為
true時有效
textRollOverColor 滑鼠經過每一項時的文字顔色 useRollOver為
true時有效
alternatingItemColors List中間隔背景色 這個屬性要設定2個色
彩,某一項的背景色和下一項的背景色
color 選項文本顔色
selectionColor 被選中項的背景色
textSelectedColor 被選中項的文字顔色
textIndent 選項文本縮進距離
selectionDuration 被選中項漸變速度 被選中項背景色變為
selectionColor中的值的速度,設定可實作漸變效果 數值從0~5000 值越大,漸變速度越慢
borderStyle 邊框樣式 none solid inset
outset
borderColor 邊框顔色
borderThickness 邊框粗細 數值從0~20
dropShadowEnabled 是否顯示投影 true和false 2個屬性
shadowDistance 投影大小 dropShadowEnabled為true時有效 數
值從0~20
shadowDirection 投影方向 3個屬性 left right center
dropShadowColor 投影的顔色
DataGrid元件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數值從0.00~1.00
alternatingItemColors 間隔背景顔色 間隔項的顔色 這個屬性要設定
2個色彩,某一項的背景色和下一項的背景色
headerColors 标題頭背景漸變顔色 這個屬性要設定2個色彩,标題
頭背景漸變起始色和标題頭背景漸變結束色
horizontalGridLines 是否顯示橫向分隔線 是否顯示每一行之間的橫向分
隔線 true false
horizontalGridLineColor 橫向分隔線顔色 horizontalGridLines為true時
有效
verticalGridLines 是否顯示垂直方向分隔線 是否顯示每一行之間的橫向分
隔線 true false 此屬性隻對内容中的分隔線有效,标題頭的分隔線是預設的
verticalGridLineColor 垂直方向分隔線顔色 verticalGridLineColor為
true時有效
useRollOver 是否實作滑鼠經過時的變化效果 true false
rollOverColor 滑鼠經過一行時的本行背景色 useRollOver為true時有
效
? textRollOverColor 滑鼠經過一行時的本行文字顔色 useRollOver為true時有
效(這個屬性好像無效?)
color 文字顔色
? textSelectedColor 被選中行的文字顔色 (這個屬性好像無效?)
selectionColor 被選中行的背景顔色
textIndent 每一行文字縮進距離 數值從0~30
Tree元件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數值從0.00~1.00
alternatingItemColors 間隔行的顔色 這個屬性設定2個色彩,
某一行的背景色和下一行的背景色
depthColors 樹級結構中每級的背景色 這個屬性可設定多個色
彩,中間以逗号分隔。對應從樹的頂級到最後一級每1級的背景色。設定此屬性會覆寫
alternatingItemColors中的設定
useRollOver 是否使用滑鼠經過每一行時的效果 true false
rollOverColor 滑鼠經過每一行時的背景色 useRollOver為true時有
效
textRollOverColor 滑鼠經過每一行時的文字顔色 useRollOver為true時有
效
borderThickness 邊框的粗細 數值從0~20
color 文本顔色
selectionColor 被選中行的背景色
textSelectedColor 被選中行的文本顔色
textIndent 文字縮進值 文字相對于圖示的縮進
值 從0~50
indentation 每一層級相對于上一層級的縮進值 從0~50
openDuration 打開和關閉本層内容的速度 從0~1000
selectionDuration 被選中層級的背景色漸變速度 從0~3000
TextInput元件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數值從0.00~1.00
color 文本顔色
borderStyle 邊框樣式 none solid inset
outset
borderColor 邊框顔色
borderThickness 邊框粗細 borderStyle為solid時
有效 數值從0~20
cornerRadius 邊框圓角度 borderStyle為solid時
有效 數值從0~20
textIndent 輸入框中内容縮進值 數值從0~20
dropShadowEnabled 是否顯示投影 true false
shadowDirection 投影方向 left center right
shadowDistance 投影大小 數值從0~20
dropShadowColor 投影顔色
NumericStepper元件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數值從0.00~1.00
borderStyle 邊框樣式 none solid inset
outset
fillColors 上翻和下拉鍵的漸變填充色 這個屬性要設定4個色彩
值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性 這
個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠經
過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明
dropShadowEnabled 是否顯示投影 true false
shadowDirection 投影方向 left center right
shadowDistance 投影大小 數值從0~20
dropShadowColor 投影顔色
ComboBox元件樣式屬性
color 所有選項中文本顔色
borderColor 邊框顔色
cornerRadius 邊框圓角度 數值從0~20
fillColors 被選擇項的漸變填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性 這
個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠經
過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
backgroundAlpha 下拉框的背景透明度 數值從0.00~1.00
alternatingItemColors 下拉框中選項的間隔背景色 這個屬性設定2個色彩
,某一行的背景色和下一行的背景色
useRollOver 下拉框中選項是否使用滑鼠經過時的效果 true false
rollOverColor 下拉框中選項滑鼠經過時的背景色 useRollOver為true
時有效
textRollOverColor 下拉框中選項滑鼠經過時的文本顔色 useRollOver為true
時有效
selectionColor 下拉框中點選某一行選項時的此選項背景色
textSelectedColor 下拉框中點選某一行選項時的此選項文本顔色
openDuration 打開下拉框的速度 數值從10~2000
closeDuration 關閉下拉框的速度 數值從10~2000
CheckBox元件樣式屬性(包含單選和多選)
borderColor 邊框顔色
color 文本顔色
textRollOverColor 滑鼠經過選擇框時的文本顔色
textSelectedColor 滑鼠點選選擇框時的文本顔色
fillColors 選擇框的背景填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性 這個
屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠經過
時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
HSlider(類似于溫度刻度計的元件 HSlider為橫向的)元件樣式屬性
labelOffset 刻度值文字與刻度計之間的距離 數值從-50~50 負數
時刻度值文字在刻度計下方 正數時在上
方
thumbOffset 刻度計中的遊标與标尺之間的距離 數值從-50~50 負數
時遊标在标尺下方 正數時在上方
? dataTipOffset
tickLength 刻度線的長度 數值從0~20
tickOffset 刻度線與标尺之間的距離 數值從-50~50
tickThickness 刻度線的粗細 數值從0~20
tickColor 刻度線的顔色
borderColor 邊框顔色
showTrackHighlight 顯示軌迹高光亮度 true false
? trackColors 拖動遊标時的軌迹顔色 這個屬性要設定2個
色彩值 已經過的軌迹顔色和未經過的軌迹顔色
fillColors 遊标填充漸變色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過遊标時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性 這
個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠經
過時漸變結束色透明度 數值從0.00~1.00
Button元件樣式屬性
cornerRadius 邊框圓角度 數值從0`28
textIndent Button标題文本縮進值 數值從0`20
paddingLeft Button内部左側填充值 數值從0`20
paddingRight Button内部右側填充值 數值從0`20
paddingTop Button内部上側填充值 數值從0`20
paddingBottom Button内部下側填充值 數值從0`20
fillColors Button背景填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
color 文字顔色
textRollOverColor 滑鼠經過時的文字顔色
textSelectedColor 滑鼠點選時的文字顔色
borderColor 邊框顔色
PopUpButton元件樣式屬性
cornerRadius 邊框圓角度 數值從0`28
arrowButtonWidth 下拉按鈕寬度 數值從0`50
popUpGap 點下拉按鈕出現的内容與PopUpButton之間的距離 數值從
-25`25
textIndent PopUpButton中文本内容的縮進值 數值從0`20
paddingLeft PopUpButton中左填充距離 數值從0`20
paddingRight PopUpButton中右填充距離 數值從0`20
paddingTop PopUpButton中上填充距離 數值從0`20
paddingBottom PopUpButton中下填充距離 數值從0`20
fillColors PopUpButton背景填充色 這個屬性要設定4個
色彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
color PopUpButton文本顔色
textRollOverColor 滑鼠經過PopUpButton時的文本顔色
textSelectedColor 滑鼠點選PopUpButton時的文本顔色
borderColor 邊框顔色
ButtonBar元件樣式屬性
buttonHeight ButtonBar的高度 數值從0`50
horizontalGap ButtonBar中每個Button在水準方向的間隔 數值從0`20
textIndent 每個Button中的文本縮進值 數值從0`20
color 每個Button中的文本顔色
textRollOverColor 滑鼠經過時每個Button中的文本顔色
textSelectedColor 滑鼠點選時每個Button中的文本顔色
ButtonBar中Button的一些屬性需要單獨來設定一個樣式
buttonStyleName:"myButtonBar";
.myButtonBar中設定如下:
cornerRadius 邊框圓角度 數值從0`28
fillColors PopUpButton背景填充色 這個屬性要設定4個
色彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
ScrollBar元件樣式屬性
分為VScrollBar和HScrollBar(橫向和縱向滾動條),屬性樣式要在2個中分别設定
cornerRadius 邊框圓角度 數值從0`16
borderColor 滾動條邊框顔色
fillColors 滾動條填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
trackColors 卷軸框中滾動條之外的地方的漸變色 這個屬性要設定2
個色彩值:漸變起始色,漸變結束色
DateChooser元件樣式屬性
cornerRadius 邊框圓角度 數值從0`28
borderThickness 邊框粗細 數值從0`15
headerColors 呈現年月的頭部背景色 這個屬性要設定2個色
彩值:漸變起始色,漸變結束色
fillColors 滾動條填充色 這個屬性要設定4個色
彩值:漸變起始色,漸變結束色,滑鼠經過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas 填充色透明度 針對fillColors屬性
這個屬性要設定4個透明度 漸變起始色透明度 漸變結束色透明度 滑鼠經過時漸變起始色透明度 滑鼠
經過時漸變結束色透明度 數值從0.00~1.00
highlightAlphas 高光透明度 針對fillColors屬性
2個數值,中間以逗号分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明
度,從0.00~1.00,為1時最透明(可通過設定制作出水晶半透明效果)
todayColor 今日的背景顔色
rollOverColor 滑鼠經過日期時的背景顔色
selectionColor 所選擇日期的顔色
color 日期的文本顔色
borderColor 邊框顔色
backgroundColor 除頭部外的日期面闆背景色
backgroundAlpha 除頭部外的日期面闆背景透明度 值從0.00~1.00
dropShadowEnabled 是否顯示投影 true false
shadowDistance 投影大小 dropShadowEnabled為
true時有效 值從0~20
shadowDirection 投影方向 left right center
dropShadowColor 投影的顔色
MenuBar元件樣式屬性
cornerRadius 邊框圓角度 數值從0`30
backgroundColor 下拉的子菜單中背景顔色
borderColor 邊框顔色
fillColors 菜單填充背景色 這個屬性要設定2個色彩
值:漸變起始色,漸變結束色
fillAlphas 菜單填充背景色透明度 這個屬性要設定2個透明
度:漸變起始色透明度,漸變結束色透明度
highlightAlphas 滑鼠經過菜單時的高光亮度 2個數值,中間以逗号分
隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 後一個為高光透明度,從0.00~1.00,為1時
最透明
rollOverColor 下拉的子菜單中滑鼠經過每一項時的背景色
selectionColor 下拉的子菜單中滑鼠點選每一項時的背景色
color 菜單文字顔色
textRollOverColor 下拉的子菜單中滑鼠經過時的文字顔色
textSelectedColor 下拉的子菜單中滑鼠點選時的文字顔色
disabledColor 下拉的子菜單中被屏蔽項的背景色
HRule元件樣式屬性
strokeColor 劃線顔色
shadowColor 陰影顔色
strokeWidth 劃線與陰影之間的距離 數值從0`10
LinkButton元件樣式屬性
cornerRadius 邊框圓角度
rollOverColor 滑鼠經過時的背景色
selectionColor 滑鼠點選時的背景色
color 文字顔色
textRollOverColor 滑鼠經過時的文字顔色
textSelectedColor 滑鼠點選時的文字顔色
paddingLeft 左填充距離 數值從0`20
paddingRight 右填充距離 數值從0`20
ProgressBar元件樣式屬性
borderColor 邊框顔色
barColor 進度條中已經過的進度顔色
trackColors 進度條中未經過的進度漸變色 這個屬性要設定2個色
彩值:漸變起始色,漸變結束色
color 進度條進度文字顔色
paddingLeft 進度條左填充距離 數值從0`30
paddingRight 進度條右填充距離 數值從0`30
textIndent 進度文字相對于進度條的縮進值 數值從0`30
trackHeight 進度條高度 數值從0`30
verticalGap 進度文字與進度條之間的垂直間隔距離 數值從0`30
? Indeterminate 針對barColor的顔色為主色調而産生間隔色的進度條效果
文字樣式
fontFamily 字型
fontSize 文字大小
color 文字顔色
fontWeight 文字粗細 bold normal
fontStyle 文字斜體 italic normal
textDecoration 文字下劃線 underline none
textAlign 文本對齊方向 left center right
paddingLeft 文本所在容器的左填充距離 數值從0`30
paddingRight 文本所在容器的右填充距離 數值從0`30
textIndent 文本首行縮進值 數值從0`30
leading 文本行間距 數值從0`20