flex 各組件對應(yīng)的樣式屬性
各組件對應(yīng)的樣式屬性themeColor 主題顏色:如果對色彩樣式配置不想過多的去設(shè)置的話,themeColor是一個選擇。它可
以讓你選擇一種基本色彩,然后組件的邊框,外觀等色彩將會以此色彩為基礎(chǔ)構(gòu)成一組缺省的樣式,組件均可使用此樣式屬性。
Application組件樣式屬性
backgroundImage背景圖 使用Embed(source=" ");來應(yīng)用
backgroundColor背景色
backgroundGradientColors背景漸進色這個屬性要設(shè)置2個色彩,漸進起始色和漸進結(jié)束色,中間以逗號分隔
backgroundGradientAlphas背景漸進色透明度 這個屬性要設(shè)置2個透明度,對應(yīng)漸進色中的2種顏色 值的范圍是0.00~1.00,中間以逗號分隔
panel組件樣式屬性
cornerRadius邊角度數(shù) panel外框邊角度數(shù) 數(shù)值從0~28 0時為直角,數(shù)值越大,圓角弧度越大
headerHeight標題頭高度 panel標題頭的高度 數(shù)值從0~50
dropShadowEnabled 是否顯示投影true和false 2個屬性
shadowDistance 投影大小 dropShadowEnabled為true時有效 數(shù)值從0~20
shadowDirection投影方向 3個屬性 left right center
dropShadowColor投影的顏色
roundedBottomCorners 底部邊角是否為圓角 true和false 2個屬性 若為false,則底部邊角為直角,cornerRadius對其無影響;若為true,cornerRadius對底部邊角才會起作用
textAlign 文字對齊方向3個屬性 left right center
backgroundColor背景色除title外有內(nèi)容的部分背景色
backgroundAlpha背景透明度 除title外有內(nèi)容的部分背景透明度數(shù)值從0.00~1.00
borderColor 邊框色包括外邊框和title與主體內(nèi)容之間的邊框色
borderAlpha 邊框透明度 包括外邊框和title與主體內(nèi)容之間的邊框透明度 數(shù)值從0.00~1.00
borderStyle 邊框樣式 undefined,none,solid 3種樣式:默認為undefined。當取值為none或solid時,title與主體內(nèi)容之間將無邊框間隔或是solid樣式。
borderThickness邊框厚度 邊框樣式為solid時的邊框粗細程度,數(shù)值從0~20
headerColors 標題頭背景漸變色這個屬性要設(shè)置2個色彩,漸進起始色和漸進結(jié)束色,中間以逗號分隔
footerColors 底部背景漸變色 這個屬性要設(shè)置2個色彩,漸進起始色和漸進結(jié)束色,中間以逗號分隔
highlightAlphas 高光透明度 只針對headerColors有效。有2個數(shù)值,中間以逗號分隔前一個為高光亮度,從0.00~1.00,為1時最亮,為白色后一個為高光透明度,從 0.00~1.00,為1時最透明(可通過設(shè)置制作出水晶半透明效果)
color文本顏色
若想設(shè)置panel中title中的字體,外觀,背景等樣式,為了不與panel中樣式相沖突,需在樣式表中定義一個引用的樣式。
panel {
...titleStyleName:"myTitleStyle"; ...
}
然后新定義一個myTitleStyle樣式來設(shè)置title的樣式。
TabNavigator組件樣式屬性
tabHeight 每個Tab的高度數(shù)值從0~50
tabWidth 每個Tab的寬度數(shù)值從0~200
cornerRadius 邊角圓角度每個Tab中主體內(nèi)容的邊角圓角度 從0~20 注意不是Tab的邊角
horizontalGap 每個Tab之間的間隔寬度 數(shù)值從-10~20 當為負數(shù)時,Tab將會出現(xiàn)重疊
horizontalAlign Tab的對齊方向left center right
paddingLeft左填充距離 整個一組Tab的左填充距離,數(shù)值從0~20.不是指每個Tab的填充距離
paddingRight 右填充距離 整個一組Tab的右填充距離,數(shù)值從0~20.不是指每個Tab的填充距離
textAlign 文本對齊方向每個Tab中主體內(nèi)容中的文本對齊方向 left center right
textIndent Tab標題偏移度 每個Tab中標題相對于居中位置的偏移程度 數(shù)值從0~20
backgroundColor 背景色 Tab和Tab中主體內(nèi)容都會應(yīng)用此背景色
backgroundAlpha 背景色透明度只針對Tab中主體內(nèi)容的背景色有效 數(shù)值從0.00~1.00
borderStyle邊框樣式 Tab中主體內(nèi)容的邊框樣式none solid inset outset四種樣式
borderColor邊框顏色 Tab中主體內(nèi)容的邊框顏色
borderThickness 邊框粗細 borderStyle為solid時有效 數(shù)值從0~20
dropShadowEnabled 是否顯示投影true和false 2個屬性
shadowDistance投影大小 dropShadowEnabled為true時有效數(shù)值從0~20
dropShadowColor 投影的顏色
color主體內(nèi)容的文本顏色
若想設(shè)置TabNavigator中tab中的樣式,為了不與TabNavigator中樣式相沖突,需在樣式表中定義
一個引用的樣式。
TabNavigator {
...
tabStyleName:"myTabs";
...
}
然后新定義一個myTabs樣式來設(shè)置tab的樣式。
myTabs中的設(shè)置
cornerRadiusTab邊角圓角度每個Tab的邊角圓角度 從0~20
注意不是Tab主體內(nèi)容的邊角
fillColors Tab填充漸變色未選中的Tab的填充漸變色,這個屬性要設(shè)置2個色彩,漸變起始色和漸變結(jié)束色,中間以逗號分隔
fillAlphas Tab填充色透明度 未選中的Tab的填充色透明度這個屬性要設(shè)置2個值,漸變起始色透明度和漸變結(jié)束色透明度,中間以逗號分隔,數(shù)值從0.00~1.00
backgroundColorTab背景色 選中的Tab會應(yīng)用上背景色
backgroundAlphaTab背景色透明度 數(shù)值從0.00~1.00
borderColor Tab邊框顏色
textRollOverColor 鼠標經(jīng)過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組件包括標簽頭和主體內(nèi)容都會應(yīng)用上背景色
fillColors 未選中的標簽頭填充色 這個屬性要設(shè)置4個色彩值:
漸變起始色,漸變結(jié)束色,鼠標經(jīng)過時 漸變起始色,鼠標經(jīng)過時漸變結(jié)束色
fillAlphas 未選中的標簽頭填充色透明度 對應(yīng)于fillColors設(shè)置4個透
明度 數(shù)值從0.00~1.00
selectedFillColors 選中的標簽頭填充色 這個屬性要設(shè)置2個色彩值:
漸變起始色,漸變結(jié)束色
color標簽頭文字的顏色
textRollOverColor 鼠標經(jīng)過標簽頭時的文字顏色
textSelectedColor 鼠標點擊標簽頭時的文字顏色
textIndent 標簽頭文字縮進距離的大小 數(shù)值從0~100
openDuration 打開新標簽的速度數(shù)值從0~1000
LinkBar組件樣式屬性
horizontalGap 水平方向各鏈接之間的間隔 數(shù)值從0~20
separatorWidth間隔線的粗細 各鏈接之間間隔線的粗細
數(shù)值從0~20
separatorColor間隔線的顏色
borderStyleLinkBar的邊框樣式none solid
borderColor邊框顏色
borderThickness 邊框粗細程度 數(shù)值從0~20
cornerRadius 邊框圓角度 數(shù)值從0~20
dropShadowEnabled 是否顯示邊框投影 true和false
shadowDistance投影大小 數(shù)值從0~20
shadowDirection 投影方向left center right
dropShadowColor 投影顏色
backgroundColor 背景色
backgroundAlpha 背景色透明度 數(shù)值從0.00~1.00
color鏈接文字顏色
disabledColor 選中的鏈接文字顏色
rollOverColor 鼠標經(jīng)過未選中的鏈接時的背景色
textRollOverColor 鼠標經(jīng)過未選中的鏈接時的文字色
selectionColor鼠標點擊未選中的鏈接時的背景色
textSelectedColor 鼠標點擊未選中的鏈接時的文字色
ApplicationControlBar組件樣式屬性
cornerRadius 邊框圓角度 數(shù)值從0~20
dropShadowEnabled 是否顯示邊框投影 true和false
shadowDistance投影大小 數(shù)值從0~20
dropShadowColor 投影顏色
borderStyle邊框樣式 default none solid
borderColor邊框顏色
borderThickness 邊框粗細 數(shù)值從0~20
backgroundColor 背景顏色
fillColors 填充漸變色這個屬性要設(shè)置2個色彩,漸變起始色和漸變結(jié)束色,中間以逗號分隔
fillAlphas 填充色透明度 這個屬性要設(shè)置2個透明度 漸變起始色透明度和漸變結(jié)束色透明度
highlightAlphas 高光透明度2個數(shù)值,中間以逗號分隔 前一個為高光亮度,從0.00~1.00,為1時最亮,為白色 后一個為高光透明度,從0.00~1.00,為1時最透明(可通過設(shè)置制作出水晶半透明效果)
backgroundColor背景色
List組件樣式屬性
backgroundColor 背景色
backgroundAlpha 背景色透明度 數(shù)值從0.00~1.00
useRollOver 是否使用鼠標經(jīng)過List每一項時產(chǎn)生效果 true false
rollOverColor 鼠標經(jīng)過每一項時的背景色 useRollOver為true時有效
textRollOverColor鼠標經(jīng)過每一項時的文字顏色 useRollOver為true時有效
alternatingItemColors List中間隔背景色 這個屬性要設(shè)置2個色彩,某一項的背景色和下一項的背景色
color 選項文本顏色
selectionColor 被選中項的背景色
textSelectedColor 被選中項的文字顏色
textIndent 選項文本縮進距離
selectionDuration 被選中項漸變速度被選中項背景色變?yōu)?br /> selectionColor中的值的速度,設(shè)置可實現(xiàn)漸變效果 數(shù)值從0~5000 值越大,漸變速度越慢
borderStyle 邊框樣式 none solid inset outset
borderColor 邊框顏色
borderThickness 邊框粗細 數(shù)值從0~20
dropShadowEnabled 是否顯示投影true和false 2個屬性
shadowDistance 投影大小 dropShadowEnabled為true時有效 數(shù)值從0~20
shadowDirection投影方向 3個屬性 left right center
dropShadowColor投影的顏色
posted on 2008-08-22 10:19 gembin 閱讀(1150) 評論(0) 編輯 收藏 所屬分類: Flex