FLEX 實用屬性詳解
flex各元件對應的樣式屬性上2007-10-2515:47各元件對應的樣式屬性
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值越大,漸變速度越慢
borderStyle邊框樣式nonesolidinsetoutset
borderColor邊框顏色
borderThickness邊框粗細數值從0~20
dropShadowEnabled是否顯示投影true和false2個屬性
shadowDistance投影大小dropShadowEnabled為true時有效數
值從0~20
shadowDirection投影方向3個屬性leftrightcenter
dropShadowColor投影的顏色
flex各元件對應的樣式屬性中2007-10-2515:51DataGrid元件樣式屬性
backgroundColor背景色
backgroundAlpha背景色透明度數值從0.00~1.00
alternatingItemColors間隔背景顏色間隔項的顏色這個屬性要設定2個色彩,某一項的背景色和下一項的
背景色
headerColors標題頭背景漸變顏色這個屬性要設定2個色彩,標題頭背景漸變起始色和標題頭背景漸變結
束色
horizontalGridLines是否顯示橫向分隔線是否顯示每一行之間的橫向分隔線truefalse
horizontalGridLineColor橫向分隔線顏色horizontalGridLines為true時有效
verticalGridLines是否顯示垂直方向分隔線是否顯示每一行之間的橫向分隔線truefalse此屬性只對內容中
的分隔線有效,標題頭的分隔線是預設的
verticalGridLineColor垂直方向分隔線顏色verticalGridLineColor為true時有效
useRollOver是否實現滑鼠經過時的變化效果truefalse
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是否使用滑鼠經過每一行時的效果truefalse
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邊框樣式nonesolidinset
outset
borderColor邊框顏色
borderThickness邊框粗細borderStyle為solid時有效數值從0~20
cornerRadius邊框圓角度borderStyle為solid時有效數值從0~20
textIndent輸入框中內容縮排值數值從0~20
dropShadowEnabled是否顯示投影truefalse
shadowDirection投影方向leftcenterright
shadowDistance投影大小數值從0~20
dropShadowColor投影顏色
NumericStepper元件樣式屬性
backgroundColor背景色
backgroundAlpha背景色透明度數值從0.00~1.00
borderStyle邊框樣式nonesolidinset
outset
fillColors上翻和下拉鍵的漸變填充色這個屬性要設定4個色彩值:漸變起始色,漸變結束色,滑鼠經
過時漸變起始色,滑鼠經過時漸變結束色
fillAlphas填充色透明度針對fillColors屬性這個屬性要設定4個透明度漸變起始色透
明度漸變結束色透明度滑鼠經過時漸變起始色透明度滑鼠經過時漸變結束色透明度數值從0.00~1.00
highlightAlphas高光透明度針對fillColors屬性
2個數值,中間以逗號分隔前一個為高光亮度,從0.00~1.00,為1時最亮,為白色後一個為高光透明
度,從0.00~1.00,為1時最透明
dropShadowEnabled是否顯示投影truefalse
shadowDirection投影方向leftcenterright
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下拉框中選項是否使用滑鼠經過時的效果truefalse
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顯示軌跡高光亮度truefalse
?trackColors拖動遊標時的軌跡顏色這個屬性要設定2個色彩值已經過的軌跡顏色和未經過
的軌跡顏色
fillColors遊標填充漸變色這個屬性要設定4個色彩值:漸變起始色,漸變結束色,滑鼠
經過遊標時漸變起始色,滑鼠經過時漸變結束色
fillAlphas填充色透明度針對fillColors屬性這個屬性要設定4個透明度漸變起始色透
明度漸變結束色透明度滑鼠經過時漸變起始色透明度滑鼠經
過時漸變結束色透明度數值從0.00~1.00